drawio_dsl 0.8.0 → 0.8.3

data/lib/drawio_dsl/drawio_shapes.rb

@@ -5,7 +5,7 @@ module DrawioDsl
   # :nocov:
   module DrawioShapes
     def random(**opts)
-      case rand(40)
+      case rand(41)
       when 0
         h1(**opts)
       when 1
@@ -81,172 +81,178 @@ module DrawioDsl
       when 36
         triangle(**opts)
       when 37
-        embed_row(**opts)
+        line(**opts)
       when 38
-        embed_col50(**opts)
+        embed_row(**opts)
       when 39
+        embed_col50(**opts)
+      when 40
         embed_col200(**opts)
       end
     end
 
-    def h1(**opts, &block)
-      builder.add_h1(**opts, &block)
+    def h1(id = nil, **opts, &block)
+      builder.add_h1(id, **opts, &block)
+    end
+
+    def h2(id = nil, **opts, &block)
+      builder.add_h2(id, **opts, &block)
     end
 
-    def h2(**opts, &block)
-      builder.add_h2(**opts, &block)
+    def h3(id = nil, **opts, &block)
+      builder.add_h3(id, **opts, &block)
     end
 
-    def h3(**opts, &block)
-      builder.add_h3(**opts, &block)
+    def h4(id = nil, **opts, &block)
+      builder.add_h4(id, **opts, &block)
     end
 
-    def h4(**opts, &block)
-      builder.add_h4(**opts, &block)
+    def h5(id = nil, **opts, &block)
+      builder.add_h5(id, **opts, &block)
     end
 
-    def h5(**opts, &block)
-      builder.add_h5(**opts, &block)
+    def h6(id = nil, **opts, &block)
+      builder.add_h6(id, **opts, &block)
     end
 
-    def h6(**opts, &block)
-      builder.add_h6(**opts, &block)
+    def p(id = nil, **opts, &block)
+      builder.add_p(id, **opts, &block)
     end
 
-    def p(**opts, &block)
-      builder.add_p(**opts, &block)
+    def actor(id = nil, **opts, &block)
+      builder.add_actor(id, **opts, &block)
     end
 
-    def actor(**opts, &block)
-      builder.add_actor(**opts, &block)
+    def actor2(id = nil, **opts, &block)
+      builder.add_actor2(id, **opts, &block)
     end
 
-    def actor2(**opts, &block)
-      builder.add_actor2(**opts, &block)
+    def callout(id = nil, **opts, &block)
+      builder.add_callout(id, **opts, &block)
     end
 
-    def callout(**opts, &block)
-      builder.add_callout(**opts, &block)
+    def callout2(id = nil, **opts, &block)
+      builder.add_callout2(id, **opts, &block)
     end
 
-    def callout2(**opts, &block)
-      builder.add_callout2(**opts, &block)
+    def callout3(id = nil, **opts, &block)
+      builder.add_callout3(id, **opts, &block)
     end
 
-    def callout3(**opts, &block)
-      builder.add_callout3(**opts, &block)
+    def callout4(id = nil, **opts, &block)
+      builder.add_callout4(id, **opts, &block)
     end
 
-    def callout4(**opts, &block)
-      builder.add_callout4(**opts, &block)
+    def circle(id = nil, **opts, &block)
+      builder.add_circle(id, **opts, &block)
     end
 
-    def circle(**opts, &block)
-      builder.add_circle(**opts, &block)
+    def cloud(id = nil, **opts, &block)
+      builder.add_cloud(id, **opts, &block)
     end
 
-    def cloud(**opts, &block)
-      builder.add_cloud(**opts, &block)
+    def container(id = nil, **opts, &block)
+      builder.add_container(id, **opts, &block)
     end
 
-    def container(**opts, &block)
-      builder.add_container(**opts, &block)
+    def container2(id = nil, **opts, &block)
+      builder.add_container2(id, **opts, &block)
     end
 
-    def container2(**opts, &block)
-      builder.add_container2(**opts, &block)
+    def container3(id = nil, **opts, &block)
+      builder.add_container3(id, **opts, &block)
     end
 
-    def container3(**opts, &block)
-      builder.add_container3(**opts, &block)
+    def container4(id = nil, **opts, &block)
+      builder.add_container4(id, **opts, &block)
     end
 
-    def container4(**opts, &block)
-      builder.add_container4(**opts, &block)
+    def cross(id = nil, **opts, &block)
+      builder.add_cross(id, **opts, &block)
     end
 
-    def cross(**opts, &block)
-      builder.add_cross(**opts, &block)
+    def envelop(id = nil, **opts, &block)
+      builder.add_envelop(id, **opts, &block)
     end
 
-    def envelop(**opts, &block)
-      builder.add_envelop(**opts, &block)
+    def diamond(id = nil, **opts, &block)
+      builder.add_diamond(id, **opts, &block)
     end
 
-    def diamond(**opts, &block)
-      builder.add_diamond(**opts, &block)
+    def document(id = nil, **opts, &block)
+      builder.add_document(id, **opts, &block)
     end
 
-    def document(**opts, &block)
-      builder.add_document(**opts, &block)
+    def ellipse(id = nil, **opts, &block)
+      builder.add_ellipse(id, **opts, &block)
     end
 
-    def ellipse(**opts, &block)
-      builder.add_ellipse(**opts, &block)
+    def hexagon(id = nil, **opts, &block)
+      builder.add_hexagon(id, **opts, &block)
     end
 
-    def hexagon(**opts, &block)
-      builder.add_hexagon(**opts, &block)
+    def interface(id = nil, **opts, &block)
+      builder.add_interface(id, **opts, &block)
     end
 
-    def interface(**opts, &block)
-      builder.add_interface(**opts, &block)
+    def klass(id = nil, **opts, &block)
+      builder.add_klass(id, **opts, &block)
     end
 
-    def klass(**opts, &block)
-      builder.add_klass(**opts, &block)
+    def note(id = nil, **opts, &block)
+      builder.add_note(id, **opts, &block)
     end
 
-    def note(**opts, &block)
-      builder.add_note(**opts, &block)
+    def process(id = nil, **opts, &block)
+      builder.add_process(id, **opts, &block)
     end
 
-    def process(**opts, &block)
-      builder.add_process(**opts, &block)
+    def rectangle(id = nil, **opts, &block)
+      builder.add_rectangle(id, **opts, &block)
     end
 
-    def rectangle(**opts, &block)
-      builder.add_rectangle(**opts, &block)
+    def rectangle2(id = nil, **opts, &block)
+      builder.add_rectangle2(id, **opts, &block)
     end
 
-    def rectangle2(**opts, &block)
-      builder.add_rectangle2(**opts, &block)
+    def square(id = nil, **opts, &block)
+      builder.add_square(id, **opts, &block)
     end
 
-    def square(**opts, &block)
-      builder.add_square(**opts, &block)
+    def step(id = nil, **opts, &block)
+      builder.add_step(id, **opts, &block)
     end
 
-    def step(**opts, &block)
-      builder.add_step(**opts, &block)
+    def tick(id = nil, **opts, &block)
+      builder.add_tick(id, **opts, &block)
     end
 
-    def tick(**opts, &block)
-      builder.add_tick(**opts, &block)
+    def todo(id = nil, **opts, &block)
+      builder.add_todo(id, **opts, &block)
     end
 
-    def todo(**opts, &block)
-      builder.add_todo(**opts, &block)
+    def face(id = nil, **opts, &block)
+      builder.add_face(id, **opts, &block)
     end
 
-    def face(**opts, &block)
-      builder.add_face(**opts, &block)
+    def triangle(id = nil, **opts, &block)
+      builder.add_triangle(id, **opts, &block)
     end
 
-    def triangle(**opts, &block)
-      builder.add_triangle(**opts, &block)
+    def line(id = nil, **opts, &block)
+      builder.add_line(id, **opts, &block)
     end
 
-    def embed_row(**opts, &block)
-      builder.add_embed_row(**opts, &block)
+    def embed_row(id = nil, **opts, &block)
+      builder.add_embed_row(id, **opts, &block)
     end
 
-    def embed_col50(**opts, &block)
-      builder.add_embed_col50(**opts, &block)
+    def embed_col50(id = nil, **opts, &block)
+      builder.add_embed_col50(id, **opts, &block)
     end
 
-    def embed_col200(**opts, &block)
-      builder.add_embed_col200(**opts, &block)
+    def embed_col200(id = nil, **opts, &block)
+      builder.add_embed_col200(id, **opts, &block)
     end
   end
   # :nocov:

data/lib/drawio_dsl/formatters/interface_formatter.rb

@@ -10,11 +10,13 @@ module DrawioDsl
         super({ p: { margin: '0px', margin_left: '4px', margin_top: '4px' } })
       end
 
-      def header(value)
-        html.p('<i>Interface</i>', text_align: :center)
-        html.p("<b>#{value}</b>", text_align: :center)
+      def header(name, description: nil, interface_type: 'Interface')
+        html.p("<i>&lt;&lt; #{interface_type} &gt;&gt;</i>", text_align: :center)
+        html.p("<b>#{name}</b>", text_align: :center)
         html.hr
 
+        html.group(:description).p(description) if description
+
         self
       end
 

data/lib/drawio_dsl/formatters/klass_formatter.rb

@@ -10,10 +10,12 @@ module DrawioDsl
         super({ p: { margin: '0px', margin_left: '4px', margin_top: '4px' } })
       end
 
-      def header(value)
-        html.p("<b>#{value}</b>", text_align: :center)
+      def header(name, description: nil)
+        html.p("<b>#{name}</b>", text_align: :center)
         html.hr
 
+        html.group(:description).p(description) if description
+
         self
       end
 

data/lib/drawio_dsl/schema/_.rb

@@ -49,6 +49,7 @@ require_relative 'shapes/tick'
 require_relative 'shapes/todo'
 require_relative 'shapes/face'
 require_relative 'shapes/triangle'
+require_relative 'shapes/line'
 require_relative 'shapes/embed_row'
 require_relative 'shapes/embed_col50'
 require_relative 'shapes/embed_col200'

data/lib/drawio_dsl/schema/shapes/line.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module DrawioDsl
+  module Schema
+    class Line < Shape
+      configure_shape(:line)
+    end
+  end
+end

data/lib/drawio_dsl/schema/shapes/shape.rb

@@ -23,6 +23,7 @@ module DrawioDsl
 
       configure_shape(:shape)
 
+      attr_accessor :category
       attr_accessor :theme
       attr_accessor :title
       attr_accessor :value
@@ -40,13 +41,15 @@ module DrawioDsl
       attr_accessor :font_color
       attr_accessor :gradient
 
-      attr_accessor :text_only
       attr_accessor :x
       attr_accessor :y
       attr_accessor :w
       attr_accessor :h
       attr_accessor :style_modifiers
 
+      attr_accessor :source
+      attr_accessor :target
+
       def initialize(page, **args, &block)
         args[:classification] = :shape
         super(page, **args)
@@ -76,16 +79,19 @@ module DrawioDsl
         @glass            = args[:glass]            || page.style.glass
 
         @type             = args[:type]             || shape_defaults.type
-        @text_only        = args[:text_only]        || shape_defaults.text_only
+        @category         = args[:category]         || shape_defaults.category
         @x                = args[:x]                || shape_defaults.x
         @y                = args[:y]                || shape_defaults.y
         @w                = args[:w]                || shape_defaults.w
         @h                = args[:h]                || shape_defaults.h
         @style_modifiers  = args[:style_modifiers]  || shape_defaults.style_modifiers
 
-        @fill_color       = args[:fill_color]       || (text_only ? nil : theme_palette.fill_color)
-        @stroke_color     = args[:stroke_color]     || (text_only ? nil : theme_palette.stroke_color)
-        @gradient         = args[:gradient]         || (text_only ? nil : theme_palette.gradient)
+        @source           = args[:source]
+        @target           = args[:target]
+
+        @fill_color       = args[:fill_color]       || (category == :text ? nil : theme_palette.fill_color)
+        @stroke_color     = args[:stroke_color]     || (category == :text ? nil : theme_palette.stroke_color)
+        @gradient         = args[:gradient]         || (category == :text ? nil : theme_palette.gradient)
         @font_color       = args[:font_color]       || theme_palette.font_color
       end
 
@@ -113,11 +119,24 @@ module DrawioDsl
       # rubocop:enable Metrics/AbcSize, Metrics/CyclomaticComplexity, Metrics/PerceivedComplexity
 
       def as_xml(xml)
+        log.error category
+        log.error type
+        draw_element(xml) if category == :element
+        draw_line(xml)    if category == :line
+      end
+
+      def draw_element(xml)
         xml.mxCell(id: id, value: value, style: style, vertex: 1, parent: parent&.id) do
           xml.mxGeometry(x: x, y: y, width: w, height: h, as: 'geometry')
         end
       end
 
+      def draw_line(xml)
+        xml.mxCell(id: id, value: value, style: style, parent: parent&.id, source: source, target: target, edge: 1) do
+          xml.mxGeometry(relative: 1, as: 'geometry')
+        end
+      end
+
       def to_h
         result = {
           id: id,

data/lib/drawio_dsl/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module DrawioDsl
-  VERSION = '0.8.0'
+  VERSION = '0.8.3'
 end

data/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "drawio_dsl",
-  "version": "0.8.0",
+  "version": "0.8.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "drawio_dsl",
-      "version": "0.8.0",
+      "version": "0.8.3",
       "devDependencies": {
         "@klueless-js/semantic-release-rubygem": "github:klueless-js/semantic-release-rubygem",
         "@semantic-release/changelog": "^6.0.1",

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drawio_dsl",
-  "version": "0.8.0",
+  "version": "0.8.3",
   "description": "DrawIO DSL can build DrawIO diagrams using a Domain Specific Language",
   "scripts": {
     "release": "semantic-release"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: drawio_dsl
 version: !ruby/object:Gem::Version
-  version: 0.8.0
+  version: 0.8.3
 platform: ruby
 authors:
 - David Cruwys
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2022-03-15 00:00:00.000000000 Z
+date: 2022-03-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: k_config
@@ -88,8 +88,7 @@ files:
 - ".builders/generators/02-generate-app.rb"
 - ".builders/generators/10-transform-drawio-js.rb"
 - ".builders/generators/20-drawio-extensions.rb"
-- ".builders/generators/project_plans/drawio_dsl.rb"
-- ".builders/generators/project_plans/k_doc.rb"
+- ".builders/generators/project-plan.rb"
 - ".builders/generators/sample_diagrams/05-samples.rb"
 - ".builders/generators/sample_diagrams/10-page-margin.rb"
 - ".builders/generators/sample_diagrams/15-grid-direction.rb"
@@ -97,6 +96,7 @@ files:
 - ".builders/generators/sample_diagrams/20-styles.rb"
 - ".builders/generators/sample_diagrams/25-themes.rb"
 - ".builders/generators/sample_diagrams/30-html-shapes.rb"
+- ".builders/generators/sample_diagrams/35-ids-and-arrows.rb"
 - ".builders/generators/sample_diagrams/50-willoughby-council.rb"
 - ".releaserc.json"
 - ".rspec"
@@ -266,9 +266,10 @@ files:
 - docs/extensions/venn_plain.svg
 - docs/extensions/vessels.svg
 - docs/project-plan.md
-- docs/project_done.svg
-- docs/project_in_progress.svg
-- docs/project_todo.svg
+- docs/project-plan/project.drawio
+- docs/project-plan/project_done.svg
+- docs/project-plan/project_in_progress.svg
+- docs/project-plan/project_todo.svg
 - docs/samples/grid-alignment-center.svg
 - docs/samples/grid-alignment.svg
 - docs/samples/grid-direction-horizontal.svg
@@ -345,6 +346,7 @@ files:
 - lib/drawio_dsl/schema/shapes/hexagon.rb
 - lib/drawio_dsl/schema/shapes/interface.rb
 - lib/drawio_dsl/schema/shapes/klass.rb
+- lib/drawio_dsl/schema/shapes/line.rb
 - lib/drawio_dsl/schema/shapes/note.rb
 - lib/drawio_dsl/schema/shapes/p.rb
 - lib/drawio_dsl/schema/shapes/process.rb

data/.builders/generators/project_plans/k_doc.rb

@@ -1,39 +0,0 @@
-KManager.action :todo_drawio_dsl do
-  action do
-
-    DrawioDsl::Drawio
-      .init(k_builder, on_exist: :write, on_action: :execute)
-      .diagram(rounded: 1, glass: 1)
-      .page('In progress', theme: :style_03, margin_left: 0, margin_top: 0) do
-
-        # h5(x: 300, y: 0, w: 400, h: 80, title: 'DrawIO DSL')
-        # p(x: 350, y: 40, w: 400, h: 80, title: 'Project plan - In progress')
-
-        grid_layout(y:90, direction: :horizontal, grid_h: 80, grid_w: 320, wrap_at: 3, grid: 0)
-
-        square(w: 300, h: 60, title: '')
-      end
-      .page('To Do', theme: :style_02, margin_left: 0, margin_top: 0) do
-
-        # h5(x: 300, y: 0, w: 400, h: 80, title: 'DrawIO DSL')
-        # p(x: 350, y: 40, w: 400, h: 80, title: 'Project plan')
-
-        grid_layout(y:90, direction: :horizontal, grid_h: 80, grid_w: 320, wrap_at: 3, grid: 0)
-
-      end
-      .page('Done', theme: :style_06, margin_left: 0, margin_top: 0) do
-
-        # h5(x: 300, y: 0, w: 400, h: 80, title: 'DrawIO DSL')
-        # p(x: 350, y: 40, w: 400, h: 80, title: 'Done')
-
-        grid_layout(y:90, direction: :horizontal, grid_h: 80, grid_w: 320, wrap_at: 3, grid: 0)
-
-      end
-      .cd(:spec)
-      .save('project-plans/k_doc.drawio')
-      # .cd(:k_doc_docs)
-      # .export_svg('project_in_progress', page: 1)
-      # .export_svg('project_todo'       , page: 2)
-      # .export_svg('project_done'       , page: 3)
-  end
-end

data/docs/project_done.svg

@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="942px" height="382px" viewBox="-0.5 -0.5 942 382"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">alter configure_shape so it sets the default shape key and use that for selecting the default HTML formatter</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">alter configure_shape so it sets the default shape...</text></switch></g><rect x="320" y="0" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 330.15 -1 Q 319 -1 319 10.15 L 319 24 Q 470 42 621 24 L 621 10.15 Q 621 -1 609.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Add todo shape to simplify project plan drawing</div></div></div></foreignObject><text x="470" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Add todo shape to simplify project plan drawing</text></switch></g><rect x="640" y="0" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 650.15 -1 Q 639 -1 639 10.15 L 639 24 Q 790 42 941 24 L 941 10.15 Q 941 -1 929.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">introduce .value property to shape and let it use either formatted HTML or plain text title</div></div></div></foreignObject><text x="790" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">introduce .value property to shape and let it use...</text></switch></g><rect x="0" y="80" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 10.15 79 Q -1 79 -1 90.15 L -1 104 Q 150 122 301 104 L 301 90.15 Q 301 79 289.85 79 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 110px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">formatter DSL that can render HTML directly into the value property</div></div></div></foreignObject><text x="150" y="114" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">formatter DSL that can render HTML directly into t...</text></switch></g><rect x="320" y="80" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 330.15 79 Q 319 79 319 90.15 L 319 104 Q 470 122 621 104 L 621 90.15 Q 621 79 609.85 79 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 110px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">formatter DSL for class and interface generation</div></div></div></foreignObject><text x="470" y="114" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">formatter DSL for class and interface generation</text></switch></g><rect x="640" y="80" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 650.15 79 Q 639 79 639 90.15 L 639 104 Q 790 122 941 104 L 941 90.15 Q 941 79 929.85 79 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 110px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">generate extension based graphics based on drawio extensions.js</div></div></div></foreignObject><text x="790" y="114" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">generate extension based graphics based on drawio...</text></switch></g><rect x="0" y="160" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 10.15 159 Q -1 159 -1 170.15 L -1 184 Q 150 202 301 184 L 301 170.15 Q 301 159 289.85 159 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 190px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">active? flag on page defaulting to true. set to false to exclude page from diagram.</div></div></div></foreignObject><text x="150" y="194" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">active? flag on page defaulting to true. set to fa...</text></switch></g><rect x="320" y="160" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 330.15 159 Q 319 159 319 170.15 L 319 184 Q 470 202 621 184 L 621 170.15 Q 621 159 609.85 159 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 190px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">first level child nodes need to hang of node 1</div></div></div></foreignObject><text x="470" y="194" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">first level child nodes need to hang of node 1</text></switch></g><rect x="640" y="160" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 650.15 159 Q 639 159 639 170.15 L 639 184 Q 790 202 941 184 L 941 170.15 Q 941 159 929.85 159 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 190px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">node has child nodes and add_node will set a nodes parent</div></div></div></foreignObject><text x="790" y="194" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">node has child nodes and add_node will set a nodes...</text></switch></g><rect x="0" y="240" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 10.15 239 Q -1 239 -1 250.15 L -1 264 Q 150 282 301 264 L 301 250.15 Q 301 239 289.85 239 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 270px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">nodes can belong to a parent node, the top level node responds with truthy to root?</div></div></div></foreignObject><text x="150" y="274" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">nodes can belong to a parent node, the top level n...</text></switch></g><rect x="320" y="240" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 330.15 239 Q 319 239 319 250.15 L 319 264 Q 470 282 621 264 L 621 250.15 Q 621 239 609.85 239 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 270px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add sample diagram for the github readme file</div></div></div></foreignObject><text x="470" y="274" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add sample diagram for the github readme file</text></switch></g><rect x="640" y="240" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 650.15 239 Q 639 239 639 250.15 L 639 264 Q 790 282 941 264 L 941 250.15 Q 941 239 929.85 239 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 270px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">write samples into docs folder and display in readme</div></div></div></foreignObject><text x="790" y="274" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">write samples into docs folder and display in read...</text></switch></g><rect x="0" y="320" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 10.15 319 Q -1 319 -1 330.15 L -1 344 Q 150 362 301 344 L 301 330.15 Q 301 319 289.85 319 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 350px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add export as .PNG, needs to take a page number as the PNG will not support multiple pages</div></div></div></foreignObject><text x="150" y="354" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add export as .PNG, needs to take a page number as...</text></switch></g><rect x="320" y="320" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 330.15 319 Q 319 319 319 330.15 L 319 344 Q 470 362 621 344 L 621 330.15 Q 621 319 609.85 319 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 350px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add export as .SVG, needs to take a page number as the SVG will not support multiple pages</div></div></div></foreignObject><text x="470" y="354" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add export as .SVG, needs to take a page number as...</text></switch></g><rect x="640" y="320" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 650.15 319 Q 639 319 639 330.15 L 639 344 Q 790 362 941 344 L 941 330.15 Q 941 319 929.85 319 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 350px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add save as .drawio</div></div></div></foreignObject><text x="790" y="354" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add save as .drawio</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>

data/docs/project_in_progress.svg

@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="622px" height="62px" viewBox="-0.5 -0.5 622 62"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">move DrawioDsl::Formatters::Factory::FORMATTERS to resource file</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">move DrawioDsl::Formatters::Factory::FORMATTERS to...</text></switch></g><rect x="320" y="0" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 330.15 -1 Q 319 -1 319 10.15 L 319 24 Q 470 42 621 24 L 621 10.15 Q 621 -1 609.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">move DrawioDsl::Formatters::StyleBuilder::MAPPINGS to resource file</div></div></div></foreignObject><text x="470" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">move DrawioDsl::Formatters::StyleBuilder::MAPPINGS...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>