drawio_dsl 0.1.0

data/bin/setup

@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+
+# frozen_string_literal: true
+
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/drawio_dsl/configuration.rb

@@ -0,0 +1,118 @@
+# frozen_string_literal: true
+
+# Attach configuration to the DrawIO DSL module
+module DrawioDsl
+  # Used to attach configuration to KConfig module
+  module ConfigurationExtension
+    def drawio
+      return @drawio if defined? @drawio
+
+      @drawio = DrawioDsl::Configuration.new
+    end
+  end
+
+  # Configuration container for the DrawIO DSL
+  class Configuration
+    include KLog::Logging
+
+    BaseStyle = Struct.new(:white_space, :html, :rounded, :shadow, :sketch, :glass, keyword_init: true)
+
+    ElementDefaults   = Struct.new(:type, :x, :y, :w, :h, :style_modifiers)
+    ElementThemeStyle = Struct.new(:fill_color, :stroke_color, :font_color, :gradient, keyword_init: true)
+
+    attr_accessor :base_style
+
+    # Theme colors
+    attr_accessor :themes
+
+    # Element shapes
+    attr_accessor :element
+    attr_accessor :square
+    attr_accessor :rectangle
+    attr_accessor :circle
+    attr_accessor :process
+    attr_accessor :ellipse
+    attr_accessor :triangle
+    attr_accessor :parallelogram
+    attr_accessor :hexagon
+
+    def initialize
+      @base_style = BaseStyle.new(white_space: :wrap, html: 1, rounded: nil, shadow: nil, sketch: nil, glass: nil)
+
+      @element    = ElementDefaults.new(:element   , 0, 0, 20, 20, '')
+      @square     = ElementDefaults.new(:square    , 0, 0, 160, 160, '')
+      @rectangle  = ElementDefaults.new(:rectangle , 0, 0, 240, 120, '')
+      @circle     = ElementDefaults.new(:circle    , 0, 0, 160, 160, 'ellipse')
+      @process    = ElementDefaults.new(:process   , 0, 0, 240, 120, 'shape=process')
+      @ellipse    = ElementDefaults.new(:ellipse   , 0, 0, 240, 120, 'ellipse')
+      @triangle   = ElementDefaults.new(:triangle  , 0, 0, 160, 160, 'rhombus')
+
+      @themes     = {}
+      add_themes
+    end
+
+    def palette(theme)
+      @themes[theme]
+    end
+
+    def random_theme
+      @themes.keys.sample
+    end
+
+    private
+
+    def add_theme(name, **opts)
+      @themes[name] = ElementThemeStyle.new(**opts)
+    end
+
+    # rubocop:disable Metrics/AbcSize, Metrics/MethodLength
+    def add_themes
+      add_theme(:style_01         , fill_color: '#f5f5f5', stroke_color: '#666666', font_color: '#333333')
+      add_theme(:style_02         , fill_color: '#dae8fc', stroke_color: '#6c8ebf', font_color: '#333333')
+      add_theme(:style_03         , fill_color: '#d5e8d4', stroke_color: '#82b366', font_color: '#333333')
+      add_theme(:style_04         , fill_color: '#ffe6cc', stroke_color: '#d79b00', font_color: '#333333')
+      add_theme(:style_05         , fill_color: '#fff2cc', stroke_color: '#d6b656', font_color: '#333333')
+      add_theme(:style_06         , fill_color: '#f8cecc', stroke_color: '#b85450', font_color: '#333333')
+      add_theme(:style_07         , fill_color: '#e1d5e7', stroke_color: '#9673a6', font_color: '#333333')
+      add_theme(:style_08         , fill_color: '#60a917', stroke_color: '#2D7600', font_color: '#ffffff')
+      add_theme(:style_09         , fill_color: '#008a00', stroke_color: '#005700', font_color: '#ffffff')
+      add_theme(:style_10         , fill_color: '#1ba1e2', stroke_color: '#006EAF', font_color: '#ffffff')
+      add_theme(:style_11         , fill_color: '#0050ef', stroke_color: '#001DBC', font_color: '#ffffff')
+      add_theme(:style_12         , fill_color: '#6a00ff', stroke_color: '#3700CC', font_color: '#ffffff')
+      add_theme(:style_13         , fill_color: '#aa00ff', stroke_color: '#7700CC', font_color: '#ffffff')
+      add_theme(:style_14         , fill_color: '#d80073', stroke_color: '#A50040', font_color: '#ffffff')
+      add_theme(:style_15         , fill_color: '#a20025', stroke_color: '#6F0000', font_color: '#ffffff')
+      add_theme(:style_16         , fill_color: '#e51400', stroke_color: '#B20000', font_color: '#ffffff')
+      add_theme(:style_17         , fill_color: '#fa6800', stroke_color: '#C73500', font_color: '#000000')
+      add_theme(:style_18         , fill_color: '#f0a30a', stroke_color: '#BD7000', font_color: '#000000')
+      add_theme(:style_19         , fill_color: '#e3c800', stroke_color: '#B09500', font_color: '#000000')
+      add_theme(:style_20         , fill_color: '#6d8764', stroke_color: '#3A5431', font_color: '#ffffff')
+      add_theme(:style_21         , fill_color: '#647687', stroke_color: '#314354', font_color: '#ffffff')
+      add_theme(:style_22         , fill_color: '#76608a', stroke_color: '#432D57', font_color: '#ffffff')
+      add_theme(:style_23         , fill_color: '#a0522d', stroke_color: '#6D1F00', font_color: '#ffffff')
+      add_theme(:style_24         , fill_color: '#fad7ac', stroke_color: '#b46504')
+      add_theme(:style_25         , fill_color: '#fad9d5', stroke_color: '#ae4132')
+      add_theme(:style_26         , fill_color: '#b0e3e6', stroke_color: '#0e8088')
+      add_theme(:style_27         , fill_color: '#b1ddf0', stroke_color: '#10739e')
+      add_theme(:style_28         , fill_color: '#d0cee2', stroke_color: '#56517e')
+      add_theme(:style_29         , fill_color: '#bac8d3', stroke_color: '#23445d')
+      add_theme(:style_30         , fill_color: '#f5f5f5', stroke_color: '#666666', gradient: '#b3b3b3')
+      add_theme(:style_31         , fill_color: '#dae8fc', stroke_color: '#6c8ebf', gradient: '#7ea6e0')
+      add_theme(:style_32         , fill_color: '#d5e8d4', stroke_color: '#82b366', gradient: '#97d077')
+      add_theme(:style_33         , fill_color: '#ffcd28', stroke_color: '#d79b00', gradient: '#ffa500')
+      add_theme(:style_34         , fill_color: '#fff2cc', stroke_color: '#d6b656', gradient: '#ffd966')
+      add_theme(:style_35         , fill_color: '#f8cecc', stroke_color: '#b85450', gradient: '#ea6b66')
+      add_theme(:style_36         , fill_color: '#e6d0de', stroke_color: '#996185', gradient: '#d5739d')
+      add_theme(:style_37         , fill_color: '#eeeeee', stroke_color: '#36393d')
+      add_theme(:style_38         , fill_color: '#f9f7ed', stroke_color: '#36393d')
+      add_theme(:style_39         , fill_color: '#ffcc99', stroke_color: '#36393d')
+      add_theme(:style_40         , fill_color: '#cce5ff', stroke_color: '#36393d')
+      add_theme(:style_41         , fill_color: '#ffff88', stroke_color: '#36393d')
+      add_theme(:style_42         , fill_color: '#cdeb8b', stroke_color: '#36393d')
+      add_theme(:style_43         , fill_color: '#ffcccc', stroke_color: '#36393d')
+    end
+    # rubocop:enable Metrics/AbcSize, Metrics/MethodLength
+  end
+end
+
+KConfig::Configuration.register(:drawio, DrawioDsl::ConfigurationExtension)

data/lib/drawio_dsl/dom_builder.rb

@@ -0,0 +1,103 @@
+# frozen_string_literal: true
+
+module DrawioDsl
+  # DrawioDsl is a DSL for draw-io diagrams.
+  class DomBuilder
+    attr_reader :actions
+    attr_reader :last_action
+
+    attr_reader :current_page
+    attr_reader :current_element
+
+    def initialize
+      @actions = []
+      @last_action = {}
+    end
+
+    def reset
+      @actions = []
+      @last_action = {}
+      set_diagram
+      set_layout_engine
+    end
+
+    def queue_action(action)
+      @actions << action
+      @last_action = action
+    end
+
+    def set_layout_engine(**opts)
+      @layout_engine = DrawioDsl::LayoutEngine.new(**opts)
+    end
+
+    def layout_engine
+      return @layout_engine if defined? @layout_engine
+
+      set_layout_engine
+    end
+
+    def set_diagram(**opts)
+      @diagram = DrawioDsl::Schema::Diagram.new(**opts)
+    end
+
+    def diagram
+      return @diagram if defined? @diagram
+
+      set_diagram
+    end
+
+    def add_page(**opts)
+      @current_page = DrawioDsl::Schema::Page.new(diagram, **opts)
+
+      current_page.id = SecureRandom.alphanumeric(3) unless current_page.id
+
+      diagram.pages << @current_page
+      @current_page
+    end
+
+    def add_element(element)
+      @current_element = element
+
+      element.id = "#{current_page.id}-#{current_page.elements.length + 1}" unless element.id
+
+      layout_engine.container.place_element(element)
+
+      current_page.elements << element
+      @current_element
+    end
+
+    def add_square(**opts)
+      square = DrawioDsl::Schema::Square.new(current_page, **opts)
+      add_element(square)
+    end
+
+    def add_rectangle(**opts)
+      rectangle = DrawioDsl::Schema::Rectangle.new(current_page, **opts)
+      add_element(rectangle)
+    end
+
+    def add_circle(**opts)
+      circle = DrawioDsl::Schema::Circle.new(current_page, **opts)
+      add_element(circle)
+    end
+
+    def add_process(**opts)
+      process = DrawioDsl::Schema::Process.new(current_page, **opts)
+      add_element(process)
+    end
+
+    def add_ellipse(**opts)
+      ellipse = DrawioDsl::Schema::Ellipse.new(current_page, **opts)
+      add_element(ellipse)
+    end
+
+    def debug
+      puts JSON.pretty_generate(actions)
+      puts JSON.pretty_generate(diagram.to_h)
+    end
+
+    def dom
+      diagram.to_h
+    end
+  end
+end

data/lib/drawio_dsl/drawio.rb

@@ -0,0 +1,103 @@
+# frozen_string_literal: true
+
+module DrawioDsl
+  # DrawioDsl is a DSL for draw-io diagrams.
+  class Drawio < KDirector::Directors::BaseDirector
+    default_builder_type(DrawioDsl::DomBuilder)
+
+    def layout(**opts)
+      builder.set_layout_engine(**opts)
+
+      self
+    end
+
+    def diagram(**opts)
+      builder.set_diagram(**opts)
+
+      self
+    end
+
+    def page(name = nil, **opts, &block)
+      page = DrawioDsl::DrawioPage.new(self, **opts.merge(name: name))
+      page.instance_eval(&block) if block_given?
+
+      self
+    end
+  end
+
+  # DrawioDsl::DrawioPage is created when you call .page on the draw-io DSL.
+  class DrawioPage < KDirector::Directors::ChildDirector
+    attr_reader :auto_layout
+    attr_reader :current_x
+    attr_reader :current_y
+
+    def initialize(parent, **opts)
+      super(parent, **opts)
+
+      @auto_layout = true
+      @current_x = 20
+      @current_y = 20
+
+      builder.add_page(**opts)
+    end
+
+    def square(**opts)
+      opts = attach_xy(**opts)
+      builder.add_square(**opts)
+      update_layout
+    end
+
+    def rectangle(**opts)
+      opts = attach_xy(**opts)
+      builder.add_rectangle(**opts)
+      update_layout
+    end
+
+    def circle(**opts)
+      opts = attach_xy(**opts)
+      builder.add_circle(**opts)
+      update_layout
+    end
+
+    def process(**opts)
+      opts = attach_xy(**opts)
+      builder.add_process(**opts)
+      update_layout
+    end
+
+    def ellipse(**opts)
+      opts = attach_xy(**opts)
+      builder.add_ellipse(**opts)
+      update_layout
+    end
+
+    private
+
+    def current_element
+      builder.current_element
+    end
+
+    # attr_reader :layout_engine
+    # set_layout
+
+    # layout.container.place_element(element)
+
+    def update_layout
+      return unless auto_layout
+
+      # puts current_element.page.x
+      # puts current_element.page.y
+      # puts current_element.page.w
+      # puts current_element.page.h
+
+      @current_x += current_element.w + 20
+      @current_y += current_element.h + 20
+    end
+
+    def attach_xy(**opts)
+      opts[:x] ||= current_x
+      opts[:y] ||= current_y
+      opts
+    end
+  end
+end

data/lib/drawio_dsl/drawio_dsl-OLD.x

@@ -0,0 +1,335 @@
+# frozen_string_literal: true
+
+module KDirector
+  module Dsls
+    class DrawioXmlBuilder
+      include KLog::Logging
+
+      attr_reader :host
+      attr_reader :pages
+
+      attr_reader :current_id
+      attr_reader :row_index
+      attr_reader :row_offset
+
+      def initialize(opts, dom)
+        @host = opts[:host] || SecureRandom.alphanumeric(4)
+        @pages = dom[:pages] || []
+        # puts JSON.pretty_generate(dom)
+
+        @current_id = 10
+        @row_index  = 0
+        @row_offset = 0
+      end
+
+      def build
+        xml_builder = Nokogiri::XML::Builder.new do |xml|
+          xml.mxfile(host: host) do
+            page_index = 0
+            pages.each do |page|
+              build_page(xml, page, page_index)
+              page_index += 1
+            end
+          end
+        end
+
+        xml_builder.to_xml.sub('<?xml version="1.0"?>', '').strip
+      end
+
+      private
+
+      def next_id
+        result = @current_id
+        @current_id += 1
+        result
+      end
+
+      def next_row
+        @row_index += 150
+      end
+
+      def current_row_index
+        row_index + row_offset
+      end
+
+      def reset_row
+        @row_index = 0
+      end
+
+      def random_text
+        return '' if rand(5) == 1
+
+        words = %w[
+          substantial
+          humor
+          jeans
+          hover
+          encouraging
+          glue
+          used
+          statuesque
+          umbrella
+          vigorous
+          horses
+          outgoing
+        ]
+
+        # return a random word
+        words.sample
+      end
+
+      def element_color
+        element_colors = %w[
+          fillColor=#d0cee2;strokeColor=#56517e;fontColor=#333333;
+          fillColor=#FFCCCC;strokeColor=#36393D;fontColor=#333333;
+          fillColor=#CDEB8B;strokeColor=#36393D;fontColor=#333333;
+          fillColor=#FFFF88;strokeColor=#36393D;fontColor=#333333;
+          fillColor=#CCE5FF;strokeColor=#36393D;fontColor=#333333;
+          fillColor=#FFCC99;strokeColor=#36393D;fontColor=#333333;
+          fillColor=#F9F7ED;strokeColor=#36393D;fontColor=#333333;
+          fillColor=#EEEEEE;strokeColor=#36393D;fontColor=#333333;
+          fillColor=#BAC8D3;strokeColor=#23445D;fontColor=#333333;
+          fillColor=#D0CEE2;strokeColor=#56517E;fontColor=#333333;
+          fillColor=#B1DDF0;strokeColor=#10739E;fontColor=#333333;
+          fillColor=#B0E3E6;strokeColor=#0E8088;fontColor=#333333;
+          fillColor=#FAD9D5;strokeColor=#AE4132;fontColor=#333333;
+        ]
+
+        # return a random color
+        element_colors.sample
+        # nil
+      end
+
+      def build_page(xml, page, page_index)
+        page_id = SecureRandom.alphanumeric(3).to_s
+        @row_offset = 50 # Random.rand(350)
+
+        xml.diagram(id: page_id, name: page[:name]) do
+          size_ratio = Random.rand(0.5..3.0)
+          size_ratio = 2
+
+          reset_row
+
+          grid = 1
+          element_style = ''
+
+          case page_index
+          when 1
+            element_style = 'sketch=1'
+            grid = 0
+          when 2
+            element_style = 'shadow=1'
+          when 3
+            element_style = 'sketch=1;shadow=1'
+            grid = 0
+          end
+
+          # background = "##{SecureRandom.hex(3)}"
+          background = '#FFFACD'
+          # background = nil
+
+          # background="#FF99CC" backgroundImage="{&quot;src&quot;:&quot;data:page/id,AKs&quot;}" math="0" shadow="1"
+          xml.mxGraphModel(dx: 800, dy: 583, background: background, grid: grid, gridSize: 10, guides: 1, tooltips: 1, connect: 1, arrows: 1, fold: 1, page: page_index, pageScale: 1, pageWidth: 1169,
+                           pageHeight: 827, math: 0, shadow: 0) do
+            xml.root do
+              xml.mxCell(id: "#{page_id}-0")
+              xml.mxCell(id: "#{page_id}-1", parent: "#{page_id}-0")
+
+              # ------ Row 1 ------
+
+              # Square
+              xml.mxCell(id: "#{page_id}-#{next_id}", parent: "#{page_id}-1", value: random_text, style: "whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}", vertex: '1') do
+                xml.mxGeometry(x: size_ratio * 50  , y: size_ratio * current_row_index, width: size_ratio * 80, height: size_ratio * 80, as: 'geometry')
+              end
+              # Rectangle
+              xml.mxCell(id: "#{page_id}-#{next_id}", parent: "#{page_id}-1", value: random_text, style: "rounded=0;whiteSpace=wrap;html=1;#{element_style};#{element_color}", vertex: '1') do
+                xml.mxGeometry(x: size_ratio * 170 , y: size_ratio * current_row_index, width: size_ratio * 120, height: size_ratio * 60, as: 'geometry')
+              end
+              # Rectangle - Rounded
+              xml.mxCell(id: "#{page_id}-#{next_id}", parent: "#{page_id}-1", value: random_text, style: "rounded=1;whiteSpace=wrap;html=1;#{element_style};#{element_color}", vertex: '1') do
+                xml.mxGeometry(x: size_ratio * 330 , y: size_ratio * current_row_index, width: size_ratio * 120, height: size_ratio * 60, as: 'geometry')
+              end
+
+              # ------ Row 2 ------
+
+              next_row
+
+              # Circle
+              xml.mxCell(id: "#{page_id}-#{next_id}", parent: "#{page_id}-1", value: random_text, style: "ellipse;whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}",
+                         vertex: '1') do
+                xml.mxGeometry(x: size_ratio * 50  , y: size_ratio * current_row_index, width: size_ratio * 80, height: size_ratio * 80, as: 'geometry')
+              end
+
+              # Process
+              xml.mxCell(id: "#{page_id}-#{next_id}", parent: "#{page_id}-1", value: random_text,
+                         style: "shape=process;whiteSpace=wrap;html=1;aspect=fixed;backgroundOutline=1;#{element_style};#{element_color}", vertex: '1') do
+                xml.mxGeometry(x: size_ratio * 170  , y: size_ratio * current_row_index, width: size_ratio * 120, height: size_ratio * 80, as: 'geometry')
+              end
+
+              # Ellipse
+              xml.mxCell(id: "#{page_id}-#{next_id}", parent: "#{page_id}-1", value: random_text, style: "ellipse;whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}",
+                         vertex: '1') do
+                xml.mxGeometry(x: size_ratio * 330  , y: size_ratio * current_row_index, width: size_ratio * 120, height: size_ratio * 80, as: 'geometry')
+              end
+
+              # ------ Row 3 ------
+
+              next_row
+
+              # Rhombus
+              xml.mxCell(id: "#{page_id}-#{next_id}", parent: "#{page_id}-1", value: random_text, style: "rhombus;whiteSpace=wrap;html=1;#{element_style};#{element_color}", vertex: '1') do
+                xml.mxGeometry(x: size_ratio * 50 , y: size_ratio * current_row_index, width: size_ratio * 80, height: size_ratio * 80, as: 'geometry')
+              end
+
+              # Parallelogram
+              xml.mxCell(id: "#{page_id}-#{next_id}", parent: "#{page_id}-1", value: random_text,
+                         style: "shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;#{element_style};#{element_color}", vertex: '1') do
+                xml.mxGeometry(x: size_ratio * 170  , y: size_ratio * current_row_index, width: size_ratio * 120, height: size_ratio * 60, as: 'geometry')
+              end
+
+              # Hexagon
+              xml.mxCell(id: "#{page_id}-#{next_id}", parent: "#{page_id}-1", value: random_text,
+                         style: "shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;#{element_style};#{element_color}", vertex: '1') do
+                xml.mxGeometry(x: size_ratio * 330  , y: size_ratio * current_row_index, width: size_ratio * 120, height: size_ratio * 80, as: 'geometry')
+              end
+            end
+          end
+        end
+      end
+    end
+
+    # DrawioDsl is a DSL for draw-io diagrams.
+    class DrawioDsl < KDirector::Directors::BaseDirector
+      def default_template_base_folder
+        'drawio'
+      end
+
+      def page(name = nil, **opts, &block)
+        page = KDirector::Dsls::DrawioPage.new(self, **opts.merge(name: name))
+        page.instance_eval(&block) if block_given?
+
+        self
+      end
+
+      def create_diagram(name = nil, **opts)
+        xml_builder = DrawioXmlBuilder.new(opts, builder.dom)
+        add_file(name, content: xml_builder.build)
+        play_actions
+
+        self
+      end
+    end
+
+    class DrawioPage < KDirector::Directors::ChildDirector
+      attr_reader :name
+      attr_reader :data
+
+      def initialize(parent, **opts)
+        super(parent, **opts)
+        @name = opts[:name] || SecureRandom.alphanumeric(4)
+        @data = { name: name, elements: [] }
+
+        parent.builder.add(:pages, value: data) # , **repo_info_hash(**defaults))
+      end
+
+      def element(name = nil, **opts) # , &block)
+        data[:elements] << opts.merge(name: name)
+      end
+
+      def square(_name = nil, **opts)
+        # style = "whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}"
+        style = 'whiteSpace=wrap;html=1;aspect=fixed'
+
+        # available params
+        # x, :y, :width, :height, :value
+        element(:square, **opts.merge(style: style))
+      end
+
+      def rectangle(_name = nil, **opts)
+        # style = "whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}"
+        style = 'whiteSpace=wrap;html=1'
+
+        # available params
+        # x, :y, :width, :height, :value, :rounded
+        element(:square, **opts.merge(style: style))
+      end
+
+      def circle(_name = nil, **opts)
+        # style = "whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}"
+        style = 'whiteSpace=wrap;html=1;aspect=fixed'
+
+        # available params
+        # x, :y, :width, :height, :value
+        element(:circle, **opts.merge(style: style))
+      end
+
+      def process(_name = nil, **opts)
+        # style = "whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}"
+        style = 'whiteSpace=wrap;html=1;aspect=fixed'
+
+        # available params
+        # x, :y, :width, :height, :value
+
+        element(:process, **opts.merge(style: style))
+      end
+
+      def ellipse(_name = nil, **opts)
+        # style = "whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}"
+        style = 'whiteSpace=wrap;html=1;aspect=fixed'
+
+        # available params
+        # x, :y, :width, :height, :value
+
+        element(:ellipse, **opts.merge(style: style))
+      end
+
+      def interface(_name = nil, **opts)
+        # style = "whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}"
+        style = 'whiteSpace=wrap;html=1;aspect=fixed'
+
+        # available params
+        # x, :y, :width, :height, :value
+
+        element(:ellipse, **opts.merge(style: style))
+      end
+
+      def object(_name = nil, **opts)
+        # style = "whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}"
+        style = 'whiteSpace=wrap;html=1;aspect=fixed'
+
+        # available params
+        # x, :y, :width, :height, :value
+
+        element(:ellipse, **opts.merge(style: style))
+      end
+
+      def component(_name = nil, **opts)
+        # style = "whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}"
+        style = 'whiteSpace=wrap;html=1;aspect=fixed'
+
+        # available params
+        # x, :y, :width, :height, :value
+
+        element(:ellipse, **opts.merge(style: style))
+      end
+
+      def package(_name = nil, **opts)
+        # style = "whiteSpace=wrap;html=1;aspect=fixed;#{element_style};#{element_color}"
+        style = 'whiteSpace=wrap;html=1;aspect=fixed'
+
+        # available params
+        # x, :y, :width, :height, :value
+
+        element(:ellipse, **opts.merge(style: style))
+      end
+
+      def lines(name = nil, **opts); end
+      def enum(name = nil, **opts); end
+      def box(name = nil, **opts); end
+      def down(name = nil, **opts); end
+      def right(name = nil, **opts); end
+      def left(name = nil, **opts); end
+      def up(name = nil, **opts); end
+    end
+  end
+end