cyberweb 0.4.174 → 0.5.225

data/test/complex_tests/testing_objectified_html_tags/testing_objectified_html_tags.rb

@@ -0,0 +1,175 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# /home/x/programming/ruby/src/cyberweb/test/complex_tests/testing_objectified_html_tags.rb
+# =========================================================================== #
+alias e puts
+
+require 'cliner/autoinclude'
+
+require 'cyberweb/requires/require_objectified_html_tags_files.rb'
+Cyberweb.require_objectified_html_tags_files
+require 'cyberweb/objectified/html_tags/include_objectified_html_tags.rb'
+
+include Cyberweb::Objectified::Mask
+
+# =========================================================================== #
+# === eorange
+# =========================================================================== #
+def eorange(i)
+  e ::Colours.orange(i)
+end
+
+# =========================================================================== #
+# === TITLE
+# =========================================================================== #
+TITLE = 'This is just a test.'
+
+# =========================================================================== #
+# === CSS_RULES_TO_USE
+# =========================================================================== #
+CSS_RULES_TO_USE = '
+.hbox { 
+  -webkit-flex-direction:      row;
+  -ms-flex-direction:          row;
+  flex-direction:              row;
+}
+.vbox {
+  -webkit-flex-direction:   column; 
+  -ms-flex-direction:       column; 
+  flex-direction:           column;
+}
+'
+
+include Cyberweb::Objectified::HtmlTags
+
+# =========================================================================== #
+# === text
+# =========================================================================== #
+def text(i)
+  Cyberweb::Objectified::HtmlTags::Span.new(i)
+end
+
+# =========================================================================== #
+# === padded_hbox
+# =========================================================================== #
+def padded_hbox(i = '')
+  _ = Cyberweb::Objectified::HtmlTags::Hbox.new(i)
+  _.pad
+  return _
+end
+
+
+main_window = Window.new
+main_window.add_css_rules(CSS_RULES_TO_USE)
+
+text_on_top = text(TITLE)
+text_on_top.align_to_the_left
+main_window.attach(text_on_top)
+
+main_window.add(:hsep)
+
+eorange '(1) Testing Window.new next:'
+e text_on_top
+e
+eorange '(2) Still testing Window.new:'
+e
+cliner
+e main_window
+cliner
+
+first_row = padded_hbox
+_ = text('plaintext')
+e _
+_.pad8px
+first_row.minimal(_)
+e _
+cliner
+e first_row
+cliner
+eorange '(3) Next we will test class Table (Cyberweb::Objectified::HtmlTags::Table):'
+e
+table = Cyberweb::Objectified::HtmlTags::Table.new
+table.alternate_backgrounds(
+  %w( one two three four ), 'bblack3 pad0_5em'
+)
+e table
+cliner
+# =========================================================================== #
+# === (4) Next we will test class Meta (Cyberweb::Objectified::HtmlTags::Meta):
+# =========================================================================== #
+eorange '(4) Next we will test class Meta (Cyberweb::Objectified::HtmlTags::Meta):'
+e
+meta = Cyberweb::Objectified::HtmlTags::Meta.new
+meta.name = 'this_will_be_the_name'
+meta.content = 'OK'
+meta.charset = 'utf-8'
+e meta
+cliner
+# =========================================================================== #
+# === (5) Next we will create a simple .html file all via objectified HTML tags:
+# =========================================================================== #
+eorange '(5) Next testing class Progress:'
+e
+
+_ = Cyberweb::Objectified::HtmlTags::Progress.new('88 / 100')
+e _
+cliner
+# =========================================================================== #
+# === (6) Next we will create a simple .html file all via objectified HTML tags:
+# =========================================================================== #
+eorange '(6) Next we will create a simple .html file all via objectified HTML tags:'
+e
+
+meta = Cyberweb::Objectified::HtmlTags::Meta.new
+meta.name = 'this_will_be_the_name'
+meta.content = 'OK'
+meta.charset = 'utf-8'
+
+body = Cyberweb::Objectified::HtmlTags::Body.new
+body.css_class = 'mars2em'
+e '<html>'
+e meta
+e '<body>'
+div = Cyberweb::Objectified::HtmlTags::Div.new('Hey there!', 'mars5em')
+e div
+Cyberweb.include_objectified_html_tags
+div = oop_div('Oki dokie', 'mars2em','some_id1')
+div.on_mouse_hover {{ bg: :orange }}
+e div
+
+div = oop_div('Oki dokie', 'mars2em','some_id2')
+div.on_mouse_hover {{ bg: :orange, fg: :lightblue }}
+e div
+e
+
+# Cyberweb::Objectified::HtmlTags.print_or_return(:print)
+result = oop_div(id: 'another_id') {
+  h2 'Hey there!!!!!!!'
+  on_mouse_hover {{ bg: :green, fg: :darkblue }}
+}
+e result
+# oop_div { h2 'Hey there!!!!!!!' }
+
+e
+e ::Colours.tomato('Next testing Form.new:')
+form = Cyberweb::Objectified::HtmlTags::Form.new('Foo bar')
+form.id = 'test_form'
+form.css_class = 'rounded_border_8px wid100 bblack2'
+form.css_style = 'font-size: 3em'
+form.check_box
+form.text_field
+form.label('html','HTML')
+e form
+  
+e '</html>'
+
+#  first_row.minimal(_)
+#  _ = text('modifier')
+#  _.pad8px
+#  first_row.minimal(_)
+#  _ = text('ciphertext')
+#  _.pad8px
+#  first_row.minimal(_)
+#  outer_vbox.minimal(first_row)

data/test/complex_tests/testing_style_variants/show_coloured_boxes.cgi

@@ -2,14 +2,13 @@
 # Encoding: UTF-8
 # frozen_string_literal: true
 # =========================================================================== #
-# http://localhost/DATA/PROGRAMMING_LANGUAGES/RUBY/src/cyberweb/test/complex_tests/testing_style_variants/show_coloured_boxes.cgi
+# http://localhost/programming/ruby/src/cyberweb/test/complex_tests/testing_style_variants/show_coloured_boxes.cgi
 # =========================================================================== #
 require 'cyberweb/autoinclude'
 
-english {
+english('Show coloured boxes') {
 autoextend
-title 'show coloured boxes'
-favicon 'PC/RUBY/RUBY_FAVICON.png'
+ruby_favicon
 css_style '
 
 .arrow {
@@ -30,7 +29,7 @@ font_size 'def'
 
 doc('s3em') {
   # ========================================================================= #
-  # Box1
+  # === Box1
   # ========================================================================= #
   div('bblack2 pad8px mar8px marb0px',
       'drag_box1',
@@ -38,10 +37,11 @@ doc('s3em') {
        width:  280px;
        height:  50px;
       ') {
-    h3 'Inflammatory Inducers', 'center'
+    h3 'Inflammatory Inducers',
+       'center'
   }
   # ========================================================================= #
-  # Box2
+  # === Box2
   # ========================================================================= #
   div('bblack2 pad8px mar8px mart0px',
       'drag_box2',
@@ -53,6 +53,10 @@ doc('s3em') {
       s2 'Bacterial lipopolysaccharides','larger'
     }
   }
+  div {
+    h3 'And another test',
+       'tomato black_border_around_each_character'
+  }
   ee '<p>Down arrow: <i class="arrow down"></i></p>'
 
 }}

data/test/complex_tests/testing_tables.cgi

@@ -27,15 +27,15 @@ enable_dragging
 
 doc('mar0px pad8px') {
   h2 hescape('Testing the <table> tag'),
-     'martb5px'
+     'martb4px'
   array = %w(
     hello ruby how do you do today?
   )
-  p('mart15px') {
+  p('mart10px') {
     e 'We will try to show an array with <b>'+array.size.to_s+
       '</b> elements next.'
     br
-    e 'For debugging purpose the content of this Array is shown next:'
+    e 'For <b>debugging purpose</b> the content of this Array is shown next:'
     pre array,
         'mars2em'
   }

data/test/complex_tests/testing_the_cyberweb_shell.rb

@@ -105,7 +105,9 @@ class Shell < ::Base # === Cyberweb::Shell
     case _ # case tag
     when 'test_dot','dot'
       e dot(103)
+    # ======================================================================= #
     # === serve
+    # ======================================================================= #
     when 'serve','servelocal','s','slocal',
          '5' # slocal http://localhost/Users/x/DATA/MISC/SITEMAP.cgi
       ServeLocalPage::ServeLocalPage.new(f)

data/test/complex_tests/testing_web_object.rb

@@ -2,10 +2,13 @@
 # Encoding: UTF-8
 # frozen_string_literal: true
 # =========================================================================== #
-# require 'complex_tests/testing_web_object.rb'
+# require 'cyberweb/test/complex_tests/testing_web_object.rb'
 # =========================================================================== #
 require 'colours/colours_e_autoinclude.rb'
 require 'cyberweb'
+# =========================================================================== #
+# The next line is necessary so that we can enable w().
+# =========================================================================== #
 require 'cyberweb/predefined_and_freeform_methods/freeform_methods.rb'
 
 def green(i);     Colours.green(i);     end
@@ -91,4 +94,4 @@ e 'Next, we will test the method '+
 web_object = Cyberweb.web_object?
 e
 e web_object.return_path_to_the_images_directory
-e
+e

data/test/css/README.md

@@ -1,5 +1,6 @@
 This directory may include some tests that relate to CSS, in
-particular when the cyberweb gem makes use of this functionality.
+particular when the cyberweb gem makes use of CSS-related
+functionality.
 
-Furthermore this directory may include a few pure .html pages,
-as examples to demonstrate certain aspects of CSS+HTML.
+Pure .html examples with CSS will be stored under
+cyberweb/examples/css/ since as of October 2021, though.

data/test/css/return_the_content_of_these_css_classes.rb

@@ -4,4 +4,8 @@
 # =========================================================================== #
 require 'cyberweb'
 
-pp Cyberweb.return_the_content_of_these_css_classes('BG_BLACK pad0_4em')
+if ARGV.empty?
+  pp Cyberweb.return_the_content_of_these_css_classes('BG_BLACK pad0_4em')
+else
+  pp Cyberweb.return_the_content_of_these_css_classes(ARGV)
+end

data/test/css/test_hover_css/test_hover_css.cgi

@@ -0,0 +1,59 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# http://localhost/programming/ruby/src/cyberweb/test/css/test_hover_css/test_hover_css.cgi
+# =========================================================================== #
+require 'cyberweb/autoinclude'
+
+english('Testing Hover.css') {
+autoextend
+ruby_favicon
+template1
+body_css_class 'mar0px s2px padt2px VERDANAs'
+body_css_style 'background-color: #d3d2d1;'
+font_size 'def'
+
+doc('mar0px') {
+  h1 'Testing Hover.css:','mart1px'
+  spacer
+  # ========================================================================= #
+  # === Test #1
+  # ========================================================================= #
+  div {
+    h2 'Test #1: on_hover_grow','on_hover_grow'
+  }
+  # ========================================================================= #
+  # === Test #2
+  # ========================================================================= #
+  div {
+    h2 'Test #2: hover_bubble_right','hover_bubble_right BG_Black yellow pad1em'
+  }
+  # ========================================================================= #
+  # === Test #3
+  # ========================================================================= #
+  div {
+    h2 'Test #3: on_hover_fade','on_hover_fade pad0_5em'
+  }
+  # ========================================================================= #
+  # === Test #4
+  # ========================================================================= #
+  div {
+    h2 'Test #4: hvr-round-corners',
+       'hvr-round-corners pad0_5em'
+  }
+  # ========================================================================= #
+  # === Test #5
+  # ========================================================================= #
+  div {
+    h2 'Test #5: on_hover_glow',
+       'on_hover_glow pad0_5em'
+  }
+  # ========================================================================= #
+  # === Test #6
+  # ========================================================================= #
+  div {
+    h2 'Test #6: combining on_hover_glow and on_hover_fade',
+       'on_hover_glow on_hover_fade pad0_5em'
+  }
+}}

data/test/css/test_ordered_list/test_ordered_list.cgi

@@ -0,0 +1,31 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# http://localhost/programming/ruby/src/cyberweb/test/css/test_ordered_list/test_ordered_list.cgi
+# =========================================================================== #
+require 'cyberweb/autoinclude'
+
+english('Testing ordered list') {
+autoextend
+ruby_favicon
+template1 '
+
+ol, li {
+  color: black;
+}
+'
+body_css_class 'mar0px s2px padt2px VERDANAs'
+body_css_style 'background-color: #d3d2d1;'
+font_size 'def'
+
+doc('mar0px') {
+  h1 'Testing ordered list:','mart1px'
+  spacer
+  ordered_list %w( cat dog parrot deer horse )
+  ordered_list %w( 1 )
+  ordered_list %w( 1 2 )
+  ordered_list %w( 1 2 3 )
+  ordered_list %w( 1 2 3 4 )
+  ordered_list %w( 1 2 3 4 5)
+}}

data/test/css/testing_css_effects.cgi

@@ -6,10 +6,9 @@
 # =========================================================================== #
 require 'cyberweb/autoinclude'
 
-english {
+english('Testing CSS effects') {
 autoextend
-title 'Testing CSS effects'
-favicon 'PC/RUBY/RUBY_FAVICON.png'
+ruby_favicon
 css_style '
 
 .rounded_corner1 {
@@ -98,7 +97,7 @@ doc('mar0px') {
   # ========================================================================= #
   # === Testing link transition variants
   # ========================================================================= #
-  h1 'Testing link transition variants:'
+  h1 'Testing link transition variants, via: transition: all .2s linear;:'
   div {
     abr 'Link1',
         content: :self,

data/test/css/testing_css_masking.cgi

@@ -2,13 +2,12 @@
 # Encoding: UTF-8
 # frozen_string_literal: true
 # =========================================================================== #
-# http://localhost/DATA/PROGRAMMING_LANGUAGES/RUBY/src/cyberweb/test/css/testing_css_masking.cgi
+# http://localhost/programming/ruby/src/cyberweb/test/css/testing_css_masking.cgi
 # =========================================================================== #
 require 'cyberweb/autoinclude'
 
-english {
-title 'Testing css masking'
-favicon 'PC/RUBY/RUBY_FAVICON.png'
+english('Testing CSS masking') {
+ruby-favicon
 css_style '
 
 .masked {

data/test/hello_world/hello_world.cgi

@@ -2,15 +2,15 @@
 # Encoding: UTF-8
 # frozen_string_literal: true
 # =========================================================================== #
-# http://localhost/DATA/PROGRAMMING_LANGUAGES/RUBY/src/cyberweb/test/hello_world/hello_world.cgi
+# http://localhost/programming/ruby/src/cyberweb/test/hello_world/hello_world.cgi
 # =========================================================================== #
 # This file just demonstrates a "Hello World!" example through a .cgi
 # file, via the WebObject project.
 # =========================================================================== #
 require 'cyberweb/autoinclude'
 
-english {
-title 'Hello World!'
+english('Hello World!') {
+no_jquery
 
 doc('mart1px pad2px') {
   h2 'Hello World!','mart4px'
@@ -20,6 +20,8 @@ doc('mart1px pad2px') {
           'show this, in dark blue colour, and a bold text.'
   }
   p {
-    e 'Hello world!','larger mars3em darkblue BOLD'
+    e dot104?+
+      'Hello world!',
+      'larger mars3em darkblue BOLD'
   }
 }}

data/test/html_template/html_template.rb

@@ -0,0 +1,15 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+require 'cyberweb/requires/require_the_html_template.rb'
+
+alias e puts
+
+html_template = Cyberweb::HtmlTemplate[
+  title:      'The weather/temperature in Vienna',
+  body:       HtmlTags.p('Hey there','','','font-size:1.8em'),
+  use_jquery: true
+].to_s
+
+e html_template

data/test/javascript/testing_custom_functions.js

@@ -0,0 +1,24 @@
+/*
+ * This file should be tested via node, from the commandline.
+ */
+
+const cars = ["Saab", "Volvo", "BMW"];
+
+let index = 1;
+
+console.log(cars.at(index));
+
+function add(a, b) {
+  return a+b
+}
+
+/*
+ * You can output this via node:
+ */
+console.log(add(4, 6))
+
+
+
+/*
+import { greet, message } from "./utils.js";
+*/

data/test/javascript/testing_drag_and_drop_support.cgi

@@ -8,7 +8,7 @@ require 'cyberweb/autoinclude'
 
 english('Testing jquery drag and drop support') {
 ruby_favicon
-css_style :template1
+css_template1
 body_css_class 'mar0px s2px padt2px VERDANAs'
 body_css_style 'background-color: #d3d2d1;'
 font_size 'def'

data/test/javascript/testing_on_click_change_opacity.cgi

@@ -2,14 +2,13 @@
 # Encoding: UTF-8
 # frozen_string_literal: true
 # =========================================================================== #
-# http://localhost/DATA/PROGRAMMING_LANGUAGES/RUBY/src/cyberweb/test/javascript/testing_on_click_change_opacity.cgi
+# http://localhost/programming/ruby/src/cyberweb/test/javascript/testing_snowflakes.cgi
 # =========================================================================== #
 require 'cyberweb/autoinclude'
 
-english {
-title 'Testing on-click-change-opacity'
-favicon :ruby_favicon
-css_style :template1
+english('Testing on-click-change-opacity') {
+ruby_favicon
+css_template1
 body_css_class 'mar0px s0px padt0px VERDANAs'
 body_css_style 'background-color: #d3d2d1;'
 font_size 'def'

data/test/javascript/testing_snowflakes.cgi

@@ -7,8 +7,8 @@
 require 'cyberweb/autoinclude'
 
 english('Testing snowflakes') {
-favicon :ruby_favicon
-css_style :template1
+ruby_favicon
+css_template1
 body_css_class 'mar0px s0px padt0px VERDANAs'
 body_css_style 'background-color: black;'
 font_size 'def'

data/test/simple_tests/ad-hoc-test.cgi

@@ -6,8 +6,8 @@
 # =========================================================================== #
 require 'cyberweb/autoinclude'
 
-english {
-css_style :template1
+english('Ad-hoc test') {
+css_template1
 ruby_favicon
 body_css_class 's12px padt4px marpad2px VERDANAs'
 body_css_style 'background-color: #d3d2d1;'
@@ -28,6 +28,9 @@ doc('mar0px pad0px') {
   p('mart1px pad0px') {
     e 'And now <b>test for images from a file</b>:'
     br
+    # ======================================================================= #
+    # Iterate over all base64 images next:
+    # ======================================================================= #
     return_the_registered_base64_images.each {|this_base64_image|
       add_this_base64_image(this_base64_image, '',
                             'drag_'+File.basename(this_base64_image).to_s[0 .. 8]

data/test/simple_tests/cgi/hello_world_with_cyberweb.cgi

@@ -0,0 +1,14 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# This file has been added to test .cgi with cyberweb and webrick, actually.
+# =========================================================================== #
+# http://localhost/programming/ruby/src/cyberweb/test/simple_tests/cgi/hello_world_with_cyberweb.cgi
+# =========================================================================== #
+require 'cgi'
+cgi = CGI.new
+require 'cyberweb'
+print Cyberweb.content_type_html 
+print "<head><title>Hello world in a .cgi page</title></head>"
+print "<h1>Hello World!</h1>\n"

data/test/simple_tests/commandline_tests.rb

@@ -4,6 +4,8 @@
 # =========================================================================== #
 # This file will contain only code that is testable on the commandline.
 # =========================================================================== #
+# require 'cyberweb/test/simple_tests/commandline_tests.rb'
+# =========================================================================== #
 require 'colours/autoinclude'
 require 'cyberweb'
 require 'verbose_truth/autoinclude'
@@ -18,39 +20,43 @@ def yel(i); Colours.yellow(i); end
 # =========================================================================== #
 def rev; Colours.rev; end
 
-e rev+'Some tests will be run from the commandline next.'
+e rev+Colours.steelblue('Some tests will be run from the commandline next.')+rev
 e
-e 'First, what is the '+yel('project base directory')+' of this project?'
+e 'First, what is the '+yel('project base directory')+' of this '\
+  'project (called cyberweb)?'
 e
-e '  '+sfancy(Cyberweb.project_base_dir?)
+e "  #{sfancy(Cyberweb.project_base_dir?)}"
 e
 e 'Second, what is the path to the image directory?'
 e
-e '  '+sfancy(Cyberweb.path_to_images?)
+e "  #{sfancy(Cyberweb.path_to_images?)}"
 e
-e 'This path will be tested next. We will assign it, via Cyberweb.set_path_to_images() next.'
+e 'This path will be tested next. We will assign it, via '\
+  'Cyberweb.set_path_to_images() next.'
 e
 Cyberweb.set_path_to_images(Dir.pwd)
-e
 e 'The path is now:'
 e
-e '  '+sfancy(Cyberweb.path_to_images?)
+e "  #{sfancy(Cyberweb.path_to_images?)}"
 e
-e 'Third, the '+yel('config directory')+' of the Cyberweb project can be found at?'
+e 'Third, the '+yel('config directory')+' of the Cyberweb '\
+  'project can be found where exactly?'
 e
-e '  '+sfancy(Cyberweb.config_directory?)
+e "  #{sfancy(Cyberweb.config_directory?)}"
 e
-e 'Fourth, the config file can be found here:'
+e 'Fourth, the primary config file can be found here:'
 e
-e '  '+sfancy(Cyberweb.config_file?) # config file tag.
+e "  #{sfancy(Cyberweb.config_file?)}" # config file tag.
 e
-e 'Fifth, the '+yel('server base directory')+' can be found here:'
+e 'Fifth, the hugely important '+yel('server base directory')+' can '\
+  'be found here:'
 e
-e '  '+sfancy(Cyberweb.server_base_directory?)
+e "  #{sfancy(Cyberweb.server_base_directory?)}"
 e
-e 'Sixth, will we debug?:'
+e 'Sixth, will we currently debug? - Cyberweb.debug? will answer '\
+  'this question:'
 e
-e '  '+sfancy(vt(Cyberweb.debug?).delete('.'))+'.'
+e "  #{sfancy(vt(Cyberweb.debug?).delete('.'))}."
 e
 e 'Next, we will see whether the relative-pathing works.'
 e

data/test/simple_tests/display_this_file.cgi

@@ -2,10 +2,10 @@
 # Encoding: UTF-8
 # frozen_string_literal: true
 # =========================================================================== #
-# http://localhost/DATA/PROGRAMMING_LANGUAGES/RUBY/src/cyberweb/test/simple_tests/display_this_file.cgi
+# http://localhost/programming/ruby/src/cyberweb/test/simple_tests/display_this_file.cgi
 # =========================================================================== #
 require 'cyberweb/toplevel_methods/show_and_display.rb'
 
-this_file = '/home/x/DATA/PROGRAMMING_LANGUAGES/RUBY/src/cyberweb/test/simple_tests/display_this_file.cgi'
+this_file = '/home/x/programming/ruby/src/cyberweb/test/simple_tests/display_this_file.cgi'
 
 Cyberweb.display_this_file(this_file)