w2tags 0.9.3

data/doc/W2TAGS.rdoc

@@ -0,0 +1,150 @@
+== W2TAGS extend HAML command
+   by Widi Harsojo, wharsojo.wordpress.com
+
+in this guide I'll explain command not found or different with HAML (HAML.rdoc), 
+some of the explanation intermix with the explanation come from HOT (HOT.rdoc)
+
+  : input formating with attribute name
+  ^ shortcut for NextTag in html
+ ~^ re-assign shortcut for NextTag in html
+  < disable auto close tags when last params has char "<"
+  &var= define variable for it use later on params inside w2tags command
+  &var! use variable on params inside w2tags command
+  @var= define variable with uniq value for it use later on params inside w2tags command
+  @var! use variable with uniq value on params inside w2tags command
+
+you can find all example on this guide inside file:
+
+  example/from_w2tags.w2erb
+  
+=== : input formating with attribute name
+input is the tag that commonly use attribute "name", and I think its cool to have 
+the same behavior like HAML did in DIV to INPUT.
+
+  :test#wow.kereen{mak="nyos"} test
+  
+  <input name="test" id="wow" class="kereen" mak="nyos">test</input>
+
+=== ^ shortcut for NextTag in html
+
+when you type <b>ul</b> tag, commonly it follow the <b>li</b> tag and this is the benefit of
+using this command. 
+
+Predefine shortcut are: 
+
+  %html   => %head $*
+  %head   => %body $*
+  %ol     => %li $0
+  %ul     => %li $0
+  %dl     => %dt $0
+  %dd     => %dt $0
+  %form   => %input $0
+  %select => %option $0
+  %tr     => %th $0 #first line
+  %tr     => %td $0 #after first line
+
+Basic Example: 
+
+  %ul 
+    ^ this is a bullet list 1
+    ^ this is a bullet list 2 ; this is a bullet list 3
+    
+  <ul>
+    <li>this is a bullet list 1</li>
+    <li>this is a bullet list 2</li>
+    <li>this is a bullet list 3</li>
+  </ul> 
+
+With Attribute:
+  
+  %ul 
+    ^.hilite{wow="kereen"} this is a bullet list 1
+    ^.hilite{wow="kereen"} this is a bullet list 2 ; this is a bullet list 3
+
+  <ul>
+    <li class="hilite" wow="kereen">this is a bullet list 1</li>
+    <li class="hilite" wow="kereen">this is a bullet list 2</li>
+    <li class="hilite" wow="kereen">this is a bullet list 3</li>
+  </ul> 
+  
+=== ~^ re-assign shortcut for NextTag in html
+
+sometime I need result from shortcut for NextTag already include
+class or attribut and this command play.
+
+  %ul 
+    ~^%li.hilite{wow="kereen"}
+    ^ this is a bullet list 1
+    ^ this is a bullet list 2 ; this is a bullet list 3
+    
+  <ul>
+    <li class="hilite" wow="kereen">this is a bullet list 1</li>
+    <li class="hilite" wow="kereen">this is a bullet list 2</li>
+    <li class="hilite" wow="kereen">this is a bullet list 3</li>
+  </ul> 
+
+or you can put this command to a HOT file and it will use just like 
+regular W2TAGS command
+
+  >>_ul
+  %ul
+  ~^%li.hilite{wow="kereen..."}
+  
+  !hot!common
+  -ul 
+    ^ this is a bullet list 1
+    ^ this is a bullet list 2 ; this is a bullet list 3
+  
+  <ul>
+    <li class="hilite" wow="kereen...">this is a bullet list 1</li>
+    <li class="hilite" wow="kereen...">this is a bullet list 2</li>
+    <li class="hilite" wow="kereen...">this is a bullet list 3</li>
+  </ul> 
+  
+=== < disable auto close tags when last params has char "<"
+
+tag not automatically close when last params has char "<"
+
+  %div my note on inline params<
+    second note without tag
+    %div inside other div
+
+  <div>my note on inline params
+    second note without tag
+    <div>inside other div</div>
+  </div> 
+  
+=== &var= define variable for it use later on params inside w2tags command
+
+  &myvar=wow kereen
+
+=== &var! use variable on params inside w2tags command
+
+  .dodol &myvar!
+  
+  <div class="dodol">wow kereen</div>
+  
+=== @var= define variable with uniq value for it use later on params inside w2tags command
+
+  @myvar=one;two;three
+  @myvar=five;three => one;two;three;five
+
+when you assign value to this var with first char ";" it will reset the value 
+(not adding them)
+
+  @myvar=one;two;three
+  @myvar=five;three
+  @myvar=;three;two   
+  @myvar=zero;two   => three;two;zero
+  
+=== @var! use variable with uniq value on params inside w2tags command
+
+  %ul
+    ^ @myvar!
+  
+  <ul>
+    <li>three</li>
+    <li>two</li>
+    <li>zero</li>
+  </ul> 
+

data/example/common.hot

@@ -0,0 +1,11 @@
+>>_ul
+%ul
+  ^$*
+
+>>_form_for
+- form_for $*
+-end
+
+>>_ul
+%ul
+~^%li.hilite{wow="kereen..."}

data/example/from_readme.erb

@@ -0,0 +1,78 @@
+<h2>Auto closing for Code</h2>
+<% if index>100 %>
+  <div class="bigger">bigger than 100</div>
+<% elsif index>50 %>
+  <div class="bigger">bigger than 50 but less than 100</div>
+<% else %>
+  <div class="less">less than 50</div>
+<% end %>
+<div class="common">
+  Common Tag
+</div> 
+<h2>Example 1 - HAML:</h2>
+<div id="content">
+  <h1>menu</h1>
+  <ul>
+    <li>menu 1</li>
+    <li>menu 2</li>
+  </ul> 
+</div> 
+<div id="content">
+  <h1>menu</h1>
+  <ul>
+    ^ menu 1; menu 2  
+  </ul> 
+</div> 
+<div id="content">
+  <h1>menu</h1>
+  ["</ul>"]  <ul*attr*>
+    ^menu 1; menu 2
+</div> 
+<h2>Example 2 - Form input</h2>
+<h1>New user</h1>
+<%= error_messages_for :user %>
+<% form_for @user do |f| %>
+  <p>
+    <b>Name</b>
+    <br/>
+    <%= f.text_field :name %>
+  </p> 
+  <p>
+    <b>Email</b>
+    <br/>
+    <%= f.text_field :email %>
+  </p> 
+  <p>
+    <b>Last login</b>
+    <br/>
+    <%= f.datetime_select :last_login %>
+  </p> 
+  <p>
+    <%= f.submit "Create" %>
+  </p> 
+<% end %>
+<%= link_to 'Back', users_path %>
+<h2>Example 2 - Form input - REFACTOR</h2>
+<h1>New user</h1>
+<%= error_messages_for :user %>
+<% form_for @user do |f| %>
+  <p>
+    <b>Name</b>
+    <br/>
+    <%= f.text_field :name %>
+  </p> 
+  <p>
+    <b>Email</b>
+    <br/>
+    <%= f.text_field :email %>
+  </p> 
+  <p>
+    <b>Last login</b>
+    <br/>
+    <%= f.text_field :last_login %>
+  </p> 
+  <p>
+    <%= f.submit "Create" %>
+  </p> 
+<% end %>
+<%= link_to 'Back', users_path %>

data/example/from_readme.w2erb

@@ -0,0 +1,64 @@
+%h2 Auto closing for Code
+-if index>100
+  .bigger bigger than 100
+-elsif index>50
+  .bigger bigger than 50 but less than 100
+-else
+  .less less than 50
+
+.common
+  Common Tag
+
+%h2 Example 1 - HAML:
+#content
+  %h1 menu
+  %ul
+    %li menu 1
+    %li menu 2
+    
+#content
+  %h1 menu
+  %ul
+    ^ menu 1; menu 2  
+    
+!hot!common
+#content
+  %h1 menu
+  -ul menu 1; menu 2
+  
+%h2 Example 2 - Form input
+
+%h1 New user
+
+= error_messages_for :user
+
+-form_for @user do |f|
+  %p
+    %b Name
+    %br
+    = f.text_field :name
+  %p
+    %b Email
+    %br
+    = f.text_field :email
+  %p
+    %b Last login
+    %br
+    = f.datetime_select :last_login
+
+  %p
+    = f.submit "Create"
+= link_to 'Back', users_path
+
+%h2 Example 2 - Form input - REFACTOR
+
+!hot!rails_basic
+%h1 New user
+
+= error_messages_for :user
+
+-form_for @user do |f|
+  -input name;email;last_login
+  -submit Create
+
+= link_to 'Back', users_path

data/example/from_w2tags.erb

@@ -0,0 +1,32 @@
+  <input name="test" id="wow" class="kereen" mak="nyos">test</input>
+  <ul>
+    <li>this is a bullet list 1</li>
+    <li>this is a bullet list 2</li>
+    <li>this is a bullet list 3</li>
+  </ul> 
+  <ul>
+    <li class="hilite" wow="kereen">this is a bullet list 1</li>
+    <li class="hilite" wow="kereen">this is a bullet list 2</li>
+    <li class="hilite" wow="kereen">this is a bullet list 3</li>
+  </ul> 
+  <ul>
+    <li class="hilite" wow="kereen">this is a bullet list 1</li>
+    <li class="hilite" wow="kereen">this is a bullet list 2</li>
+    <li class="hilite" wow="kereen">this is a bullet list 3</li>
+  </ul> 
+  <ul>
+    <li class="hilite" wow="kereen...">this is a bullet list 1</li>
+    <li class="hilite" wow="kereen...">this is a bullet list 2</li>
+    <li class="hilite" wow="kereen...">this is a bullet list 3</li>
+  </ul> 
+  <div>my note on inline params
+    second note without tag
+    <div>inside other div</div>
+  </div> 
+  <div class="dodol">wow kereen</div>
+  <ul>
+    <li>one</li>
+    <li>two</li>
+    <li>three</li>
+    <li>five</li>
+  </ul> 

data/example/from_w2tags.w2erb

@@ -0,0 +1,32 @@
+  :test#wow.kereen{mak="nyos"} test
+  
+  %ul 
+    ^ this is a bullet list 1
+    ^ this is a bullet list 2 ; this is a bullet list 3
+    
+  %ul 
+    ^.hilite{wow="kereen"} this is a bullet list 1
+    ^.hilite{wow="kereen"} this is a bullet list 2 ; this is a bullet list 3
+    
+  %ul 
+    ~^%li.hilite{wow="kereen"}
+    ^ this is a bullet list 1
+    ^ this is a bullet list 2 ; this is a bullet list 3
+
+!hot!common
+  -ul 
+    ^ this is a bullet list 1
+    ^ this is a bullet list 2 ; this is a bullet list 3
+
+
+  %div my note on inline params<
+    second note without tag
+    %div inside other div
+
+  &myvar=wow kereen
+  .dodol &myvar!
+  
+  @myvar=one;two;three
+  @myvar=five;three
+  %ul
+    ^ @myvar!

data/example/rails_basic.hot

@@ -0,0 +1,10 @@
+>>_input
+%p
+  %b $0.capitalize.gsub('_',' ')~
+  %br
+  = f.text_field :$0
+
+>>_submit
+!/
+%p
+  = f.submit "$0"

data/hot/erb.hot

@@ -0,0 +1,156 @@
+>>initialize
+
+
+>>finallize
+,/
+
+>>_merb_table
+!hot!erb_merb
+!hot!erb_table
+!hot!erb_jquery
+
+>>_merb_form
+!hot!erb_merb
+!hot!erb_form
+!hot!erb_jquery
+
+>>_if
+- if $0
+-end
+
+>>_elsif
+- elsif $0
+-end
+
+>>_else
+- else
+-end
+
+>>_
+!/
+<% $* %>
+
+>>_-
+!/
+<% $* %>
+-end
+
+>>=
+!/
+<%= $* %>
+
+>>_=
+!/
+<%= $* %>
+-end
+
+>>_for
+!/
+<% for $* %>
+-end
+
+>>_each
+!/
+- $0.each do |$1|
+-end
+
+>>_eachs
+!/
+- $0.sort.each do |$1|
+-end
+
+>>_each2
+!/
+- $0.each_with_index do |$1|
+-end
+
+>>_times
+!/
+- $0.times do $1
+-end
+
+>>_end
+<</
+<% end %>
+
+>>_a
+%a$${href="*&"} $*
+
+>>_a2
+%a$${href="=$1"} $0
+
+>>br
+<br*all**@/>
+
+>>hr
+<hr*all**@/>
+
+>>img
+<img src="$0" ~alt="$1"~ />
+
+>>img=
+<img src="=$0" ~alt="$1"~ />
+
+>>html_title 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us" >
+  <head>
+    <title>$0</title>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
+>>p_a
+%p
+	%a $*
+~/
+
+>>r_each
+!/
+<% $1.each do |$0| %>
+-end
+
+>>for_in
+!/
+<% for $0 in $1 %>
+-end
+
+>>not
+- unless $*
+
+>>else
+!/
+<% else %>
+-end
+
+>>/
+!/
+<% end %>
+
+>>_code
+!/
+-end_code
+ -!!
+ <%
+
+>>_end_code
+<</
+ %>
+
+>>script
+<script *all**@type="text/javascript" charset="utf-8">
+%script_end
+
+>>script_end
+<</
+</script>
+
+>>input
+<input *all*~value="$0"~/>
+
+>>text
+<input *all*type="text"~value="$0"~/>
+
+>>submit
+<input *all*type="submit"~value="$0"~/>
+
+>>post
+%form$:$#.lelouch.*.{*@method="post"~action="$0"~}

data/hot/erb_form.hot

@@ -0,0 +1,42 @@
+>>form
+%form{*name*method="post" |action="$0"|}!
+&tbl=$1
+
+>>__input
+<div><label for="$#">$1</label></div>
+<input id="&tbl!_$#" name="&tbl![$#]" type="$0" />
+
+>>_input
+-_input#$0 text;|$0|$1
+
+>>_pass
+-_input#$0 password;|$0|$1
+
+>>_submit2
+<input id="$0" type="submit" value="$0" />&nbsp;
+
+>>_submit
+%div
+  -submit2 $*
+
+>>_form_e
+&tbl=$1
+%form{*name*method="post" |action="$0"|}!
+  -id_e id
+
+>>__input_e
+<div><label for="$#">$1</label></div>
+<input id="&tbl!_$#" name="&tbl![$#]" type="$0" value="<%= @&tbl!.$# %>"/>
+
+>>_hidden_e
+<input id="&tbl!_$0" name="&tbl![$0]" type="hidden" value="<%= @&tbl!.$0 %>"/>
+
+>>_id_e
+<input id="$0" name="$0" type="hidden" value="<%= @&tbl!.$0 %>"/>
+
+>>_input_e
+-_input_e#$0 text;|$0|$1
+
+>>_pass_e
+-_input_e#$0 password;|$0|$1
+

data/hot/erb_head.hot

@@ -0,0 +1,15 @@
+>>html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us">
+<</
+</html>
+
+>>utf8    
+<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
+
+>>css
+<link rel="stylesheet" href="/stylesheets/$0.css" type="text/css" media="screen" charset="utf-8" />
+
+>>js
+<script type="text/javascript" src="/javascripts/$0.js" > </script>
+

data/hot/erb_jquery.hot

@@ -0,0 +1,8 @@
+
+>>_jq_ready
+$(function(){
+-jq_ready_end
+
+>>_jq_ready_end
+<</
+});

data/hot/erb_merb.hot

@@ -0,0 +1,12 @@
+>>_capture
+!/
+<% $0 = capture do %>
+-capture_end
+
+>>_capture_end
+<</
+<% end %>
+
+>>_partial
+!/
+<%= partial $0 %>

data/hot/erb_table.hot

@@ -0,0 +1,43 @@
+>>_h1
+#header-container
+  %h1 $0
+  %hr
+
+>>table
+!/
+&tbl=$#
+- @page = @&tbl!
+-partial "partial/pagination"
+<table *id* class="$. grid">
+%table_end
+
+>>table_end
+<</
+</table>
+-partial "partial/pagination"
+
+>>th
+!/
+<th *all*>$0</th>
+
+>>tr_h
+-header_tr $*
+
+>>tr_d
+-each_tr $*
+
+>>_header_tr
+%tr.header.c
+  %th $*
+
+>>_each_tr
+!/
+<% @&tbl!.each_with_index do |r,i| -%>
+<tr class="data" key="<%= r.id -%>">
+%_each_tr_end
+
+>>_each_tr_end
+<</
+</tr>
+<% end %>
+

data/hot/html.hot

@@ -0,0 +1,31 @@
+>>initialize
+-! <!DOCTYPE html PUBLIC 
+-! "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >
+%html{xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"}
+  %head
+!~
+%body$*
+	
+>>finallize
+,/
+
+>>_utf-8
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
+>>_feed
+<link rel="alternate" href="$0" title="Primary Feed" type="application/atom+xml" />
+
+>>css
+<link rel="stylesheet" href="$0.css" type="text/css" media="screen, projection" />
+
+>>js
+<script type="text/javascript" src="$0.js" > </script>
+
+>>_js
+%js $0
+
+>>_css
+%css $0
+
+>>input
+<input *all*~value="$0"~/>