@aj-shadow/actorjs-documentation-text 0.0.0-aj-beta.221

package/Documentation/Document-global-markup-lab.txt

@@ -0,0 +1,63 @@
+# **Markup - Lab**
+[[DOC-STATUS=PARTLY, ]]
+
+## **Description**
+Lab Markup provides the documentation with lab images, the same type of images you get when doing a login. 
+
+```lab
+Network(N1, IPv4, Actor IPv4 network 1, Actor IPv4 network 1, true, false)
+Network(N2, IPv4, 127.0.0.0/8, Actor IPv4 network 2, true, false)
+ 
+```
+
+### **Title**
+**format:** Title: *`title text`*
+**description:** the title of the lab image
+**example:** Title: Demo Lab Markup
+### **Network**
+**format:** 
+Network(`networkName`, `family`, `subnet`, `description`, `valid`, `reduced`)
+**description:** Defines a network
+* **name:** *[string][optional]* the name of the network. **default:** N1.
+* **ip-family:** *[string][optional]* the shape of the node. **default:** IPv4. Valid values are:
+  *  **IPv4**
+  *  **IPv6**
+* **subnet**: the subnet.
+* **description:** *[string][optional]* description of the network. **default:** ''
+* **valid:** *[string][boolean]* the network is valid.
+* **reduced:** *[string][boolean]* the network is reduced.
+
+**example:** 
+Network(PublicNetwork, IPv4, ImageService IPv4 public network, true, false)
+
+### **Client**
+**format:** 
+Client(`name`, `network`, `type`, `address`, `netmask`, `isStatic`, `external`, `valid`, `reduced`)
+**description:** Defines a client interface
+* **name:** *[string][optional]* the name of the network. **default:** actor1.
+* **network:** *[string][optional]* the name of the network. **default:** N1.
+* **type:** *[string][optional]* the type of interface. **default:** ip. Valid values are:
+  *  **ip**
+  *  **gui**
+* **address:** *[string][optional]* the address of the interface. **default:** '192.168.0.1'
+* **netmask:** *[string][optional]* the netmask of the interface. **default:** '255.255.0.0'
+* **isStatic:** *[string][boolean]* is the address static or dynamically created. **default:** false
+* **external:** *[string][boolean]* is the is the address external. **default:** false
+* **valid:** *[string][boolean]* is the is the address valid. **default:** true
+* **reduced:** *[string][boolean]* is the is the address reduced. **default:** false
+
+### **Server**
+**format:** 
+Server(`name`, `network`, `type`, `address`, `netmask`, `isStatic`, `external`, `valid`, `reduced`)
+**description:** Defines a server interface
+* **name:** *[string][optional]* the name of the network. **default:** actor1.
+* **network:** *[string][optional]* the name of the network. **default:** N1.
+* **type:** *[string][optional]* the type of interface. **default:** ip. Valid values are:
+  *  **ip**
+  *  **gui**
+* **address:** *[string][optional]* the address of the interface. **default:** '192.168.0.1'
+* **netmask:** *[string][optional]* the netmask of the interface. **default:** '255.255.0.0'
+* **isStatic:** *[string][boolean]* is the address static or dynamically created. **default:** false
+* **external:** *[string][boolean]* is the is the address external. **default:** false
+* **valid:** *[string][boolean]* is the is the address valid. **default:** true
+* **reduced:** *[string][boolean]* is the is the address reduced. **default:** false

package/Documentation/Document-global-markup-markup.txt

@@ -0,0 +1,21 @@
+# **Introduction - Markup**
+## **Description**
+The default markup is parsed by the third party [Remarkable](https://www.npmjs.com/package/remarkable), see the [demo](http://jonschlinkert.github.io/remarkable/demo/).
+
+## **Extensions**
+ActorJs has done a lot of extensions. There are two different kind of extensions.
+1) The Simple Extensions
+2) The Complex Extensions
+
+### **The Simple Extensions**
+The simple extensions are easy to use. They are built up by a double bracket and *optional* parameters inside parameters. The *optional* parameters are often generated by the extension when it is saved for the first time.
+#### **Examples**
+1) [Anchor](markup-anchor)
+2) [Ie](markup-ie)
+
+### **The Complex Extensions**
+The complex extensions needs a little more effort to understand. But some rows of text can generate very complex images. 
+
+#### **Examples**
+1) [Sequence Diagram](markup-sequence-diagram)
+2) [State Machine](markup-state-machine)

package/Documentation/Document-global-markup-navigation.txt

@@ -0,0 +1,25 @@
+# **Markup - Navigation**
+[[DOC-STATUS=PARTLY, ]]
+
+## **Description**
+Navigation Markup is a special markup letting the user add links and documents to the site. The sites supporting Navigation Markup is:
+* [Documentation](/documentation)
+
+### **Example Markup**
+|Quick Start                                              |
+|Getting Started             |getting-started             |
+|Tutorial                    |tutorial                    |
+|Thinking in ActorJs|thinking-in-actorjs|
+
+## **Definitions**
+The Navigation Markup consists of tables where each table defines a section of the links.
+
+#### **Section Heading**
+**format:** '|(section heading)|'
+**description:** the first row of a navigation table defines the Section Heading. The first row **must** only have one column.
+**example:** |Quick Start|
+
+#### **Navigation Link**
+**format:** '|(link text)|(actual file name postfix of the link)|'
+**description:** the second and the following rows of a navigation table defines the Links. The second and the following rows **must** have two columns.
+**example:** |Getting Started             |getting-started             |

package/Documentation/Document-global-markup-node-diagram.txt

@@ -0,0 +1,163 @@
+# **Markup - Node Diagram**
+[[DOC-STATUS=MOSTLY, ]]
+
+
+## **Description**
+Node Diagram Markup provides the documentation for node diagram images. 
+
+### **Example Image 1**
+
+```node
+Title: Demo NodeDiagram Markup
+Config(nodeWidth: 80, nodeHeight: 80, nodeWidthBetween: 25, nodeHeightBetween: 45, widthBias: 30, heightBias: 30)
+
+Nodes[, , , , HSS(; ; Snow)]
+Nodes[Client, , SUT, ]
+Nodes[, , , , Image Service(; ; MintCream)]
+
+Groups[Actor Clients(0; 1; 0; 3), SUT(2; 3; 0; 3), Actor Servers(4; 5; 0; 3)]
+
+Client => SUT[radius]: radius
+Client => SUT[http]: http
+SUT => HSS[diameter]: diameter
+SUT => Image Service[http]: http
+```
+### **Example Markup**
+
+```escape
+
+
+
+\`\`\`node
+Title: Demo NodeDiagram Markup
+Config(nodeWidth: 80, nodeHeight: 80, nodeWidthBetween: 25, nodeHeightBetween: 45, widthBias: 30, heightBias: 30)
+
+Nodes[, , , , HSS(; ; Snow)]
+Nodes[Client, , SUT, ]
+Nodes[, , , , Image Service(; ; MintCream)]
+
+Groups[Actor Clients(0; 1; 0; 3), SUT(2; 3; 0; 3), Actor Servers(4; 5; 0; 3)]
+
+Client => SUT[radius]: radius
+Client => SUT[http]: http
+SUT => HSS[diameter]: diameter
+SUT => Image Service[http]: http
+\`\`\`
+```
+
+## **Definitions**
+
+### **Config**
+**format:** Config(`nodeWidth`: `value`, `nodeHeight`: `value`, `nodeWidthBetween`: `value`, `nodeHeightBetween`: `value`, `widthBias`: `value`, `heightBias`: `value`)
+**description:** values used when the image is generated.
+* **nodeWidth:** [number][generated] the width of a node. **default:** 50.
+* **nodeHeight:** [number][generated] the height of a node. **default:** 50.
+* **nodeWidthBetween:** [number][generated] the width between nodes. **default:** 25.
+* **nodeHeightBetween:** [number][generated] the height between nodes. **default:** 25.
+* **widthBias:** [number][generated] the width of a node. **default:** 30.
+* **heightBias:** [number][generated] the width of a node. **default:** 30.
+
+### **Title**
+**format:** Title: *`title text`*
+**description:** the title of the node diagram image
+**example:** Title: Demo Node Diagram Markup
+### **Nodes**
+**format:** 
+Nodes[*node 0,0`name`(`shape; corners; color`), node 0,1`name`(`shape; corners; color`), ..., node 0,n-1`name`(`shape; corners; color`)*]
+Nodes[...]
+Nodes[*node m-1,0`name`(`shape; corners; color`), node m-1,1`name`(`shape; corners; color`), ..., node m-1,n-1`name`(`shape; corners; color`)*]
+**description:** *Nodes* and an arrays of the node names. One array for every row.
+* **name:** [[REF=`<string>`, MDN_string]]*[mandatory]* the name of the node. **default:** if there is no name the position is moved for the next node.
+* **shape:** [[REF=`<string>`, MDN_string]]*[optional]* the shape of the node. **default:** square. Valid shapes are:
+  *  **polygon**
+  *  **square**
+* **corners:** *[number][optional]* used to set the number of corners for shapes that can have different number of corners. **default:** 5
+* **color:** *[[REF=`<string>`, MDN_string]][optional]* the fill color of the shape.
+
+**example:** 
+Nodes[A, B]
+Nodes[C, D]
+Nodes[E, F(square)]
+Nodes[G, H(polygon; 8; Blue)]
+
+### **Connection**
+**format:** '*`name`* `connection operator` *`name`*[*`css type`, `from position`, `to position`, `slope`*]: *`connection text`*'
+**description:** 
+* **name:** *[string]* the name of the node who makes the connection
+* **connection operator:** *[string]* decides which connection to make
+  * **=>:** send a message, `from => to`
+  * **<=>:** send and receive a message, `both directions`
+  * **<=:** send a message, `to <= from`
+  * **->:** send a part of a message, `from -> to`
+  * **<->:** send and receive a part of a message, `both directions`
+  * **<-:** send a part of a message`to <- from`
+* **css type:** *[string][optional]* the name of the stack, which will choose color. **default:** the unknown color.
+* **from position:** *[string][optional]* from which side the line will leave the node. 'top' | 'right' | 'bottom' | 'left'. **default:** it will be calculated.
+* **to position:** *[string][optional]* from which side the line will enter the node. 'top' | 'right' | 'bottom' | 'left'. **default:** it will be calculated.
+* **slope:** *[boolean][optional]* decides if a slop on the lines are allowed. **default:** true.
+
+**example:** 
+A => B[]: hello
+C => D[, bottom, top]: bye
+C => D[http]: Get /image
+
+### **Example Image 2**
+```node
+Config(nodeWidth: 40, nodeHeight: 20, nodeWidthBetween: 25, nodeHeightBetween: 25, widthBias: 30, heightBias: 30)
+
+Nodes[Repo, , , , ]
+Nodes[, SUT, , , ]
+Nodes[, , FUT, , ]
+Nodes[, , , TC, ]
+Nodes[, , , TS, ]
+
+
+Repo => SUT[, , , false]: 
+SUT => FUT[, , , false]: 
+FUT => TC[, , , false]: 
+FUT => TS[, , , false]: 
+```
+### **Example Image 3**
+```node
+Config(nodeWidth: 70, nodeHeight: 70, nodeWidthBetween: 25, nodeHeightBetween: 25, widthBias: 30, heightBias: 30)
+
+Nodes[A1, A2, A3, A4, A5]
+Nodes[B1, B2, B3, B4, B5]
+Nodes[C1, C2, C3, C4, C5]
+Nodes[D1, D2, D3, D4, D5]
+Nodes[E1, E2, E3, E4, E5]
+
+
+A2 => A1[, , , false]: 
+A4 => A5[, , , false]: 
+E4 => D4[, , , false]: 
+A3 => C2[, , , false]: 
+D2 => E2[, , , false]: 
+E5 => C5[, , , false]: 
+B5 => C4[, , , false]: 
+C2 => D4[, bottom, top, false]: 
+C2 => E4[, bottom, top, false]: 
+B3 => C4[, bottom, ltef, false]: 
+```
+
+### **Example Image 4**
+```node
+Config(nodeWidth: 50, nodeHeight: 50, nodeWidthBetween: 25, nodeHeightBetween: 25, widthBias: 30, heightBias: 30)
+
+Nodes[, , C(star), , ]
+Nodes[, B(; ; red), , D, ]
+Nodes[A, , SUT, , E]
+Nodes[, G, , F, ]
+Nodes[, , H(polygon; 12; polygon), , ]
+
+Groups[Actor Clients(0; 2; 0; 5), SUT(2; 3; 0; 5), Actor Servers(3; 5; 0; 5)]
+
+B -x SUT[diameter]: 
+C -x SUT[unknown]: 
+A => SUT[unknown]: 
+SUT => D[unknown]: 
+SUT => E[unknown]: 
+SUT => F[unknown]: 
+G => SUT[unknown]: 
+H -x SUT[unknown]: 
+```

package/Documentation/Document-global-markup-note.txt

@@ -0,0 +1,6 @@
+# **Markup - Note**
+[[DOC-STATUS=NOT-YET, ]]
+
+[[NOTE={"guid":"3b171875-f638-4486-8a68-b8842e5029b5"}]]
+[[ANCHOR={"id":"f39e3256-92f3-4976-8edb-809951566d97","visible":true}]]
+## **Description**

package/Documentation/Document-global-markup-ref.txt

@@ -0,0 +1,6 @@
+# **Markup - Reference**
+[[DOC-STATUS=NOT-YET, ]]
+
+[[NOTE={"guid":"9171310c-f2a6-4b85-9f42-82cecaa3d01f"}]]
+[[ANCHOR={"id":"c677a65e-1d3b-4155-8552-f59169422e87","visible":true}]]
+## **Description**

package/Documentation/Document-global-markup-sequence-diagram.txt

@@ -0,0 +1,215 @@
+# **Markup - Sequence Diagram**
+[[DOC-STATUS=MOSTLY, ]]
+
+## **Description**
+Sequence Diagram Markup provides the documentation with sequence diagram images. 
+
+### **Example Image**
+
+```seq
+Title:                      Demo Sequence Diagram Markup
+Config(nodeWidth: 150, nodeMessageHeight: 17, nodeEventHeight: 10, nodeCommentHeight: 26, widthBias: 30, heightBias: 30, lineNumbers: false, border: true, backgroundColor: default)
+
+Nodes[A, B, C]
+A -o B[http]: connect
+A => B[http]: GET /a HTTP1.1
+B -o C[http]: connect
+B => C[http]: GET /a HTTP1.1
+C => B[http]: 200 OK
+B => A[http]: 200 OK
+A -x B[http]: disconnect
+B -x C[http]: disconnect
+```
+
+### **Example Markup**
+
+```escape
+
+\`\`\`seq
+Title: Demo Sequence Diagram Markup
+Nodes[A, B, C]
+A -o B[http]: connect
+A => B[http]: GET /a HTTP1.1
+B -o C[http]: connect
+B => C[http]: GET /a HTTP1.1
+C => B[http]: 200 OK
+B => A[http]: 200 OK
+A -x B[http]: disconnect
+B -x C[http]: disconnect
+\`\`\`
+```
+
+## **Definitions**
+#### **Title**
+**format:** \'Title: *`title text`*\'
+**description:** the title of the sequence diagram image
+**example:** Title: Demo Sequence Diagram Markup
+#### **Nodes**
+**format:** 'Nodes[*`node 0`, `node 1`, ..., `node n-1`*]'
+**description:** *Nodes* and an array of the node names
+**example:** Nodes[A, B]
+#### **Action**
+
+**format:** '*`from node`* `action operator` *`to node`*[*`stack`*, *`comment`*]: *`action text`*'
+**description:** 
+* **from node:** the node who makes the action
+* **to node:** the node who receives the action
+* **action operator:** decides which action made
+```table
+Config(classHeading: )
+
+|protocol                                         |
+|characters  |description                         |
+|=>          |send a message                      |
+|->          |send a part of a message            |
+|<=>         |send and receive a message          |
+|<->         |send and receive a part of a message|
+|-o          |connect                             |
+|-x          |disconnect                          |
+|&gt;        |start                               |
+|&#35;       |stop                                |
+|&#124;&#124;|pause                               |
+|//          |comment                             |
+|/\*\*/      |long-comment                        |
+|==          |verify                              |
+|=           |new                                 |
+|!           |delete                              |
+```
+```table
+Config(classHeading: )
+
+|gui                   |
+|characters|description|
+|launch    |           |
+|page      |           |
+|click     |           |
+|type      |           |
+```
+
+* **stack:** the name of the stack
+
+**example:** A => B[http]: GET /demo HTTP1.1
+
+
+## **Examples**
+### **Example 1**
+```seq
+Title:                      Send a message
+Config(nodeWidth: 150, nodeMessageHeight: 17, nodeEventHeight: 10, nodeCommentHeight: 26, widthBias: 30, heightBias: 30, lineNumbers: false, border: true, backgroundColor: default)
+
+Nodes[A, B]
+A => B[http]: message
+B => A[http]: message
+```
+
+```escape
+
+\`\`\`seq
+Title: Send a message
+Nodes[A, B]
+A => B[http]: message
+B => A[http]: message
+\`\`\`
+
+```
+
+### **Example 2**
+```seq
+Title:                      Send a part of a message
+Config(nodeWidth: 200, nodeMessageHeight: 17, nodeEventHeight: 10, nodeCommentHeight: 26, widthBias: 30, heightBias: 30, lineNumbers: false, border: true, backgroundColor: default)
+
+Nodes[A, B]
+A -> B[http]: part of a message
+B -> A[http]: part of a message
+```
+
+```escape
+
+\`\`\`seq
+Title: Send a part of a message
+Nodes[A, B]
+A -> B[http]: part of a message
+B -> A[http]: part of a message
+\`\`\`
+
+```
+
+### **Example 3**
+```seq
+Title:                      Send and receive a message
+Config(nodeWidth: 230, nodeMessageHeight: 17, nodeEventHeight: 10, nodeCommentHeight: 26, widthBias: 30, heightBias: 30, lineNumbers: false, border: true, backgroundColor: default)
+
+Nodes[A, B]
+A <=> B[http]: message
+```
+
+```escape
+
+\`\`\`seq
+Title: Send and receive a message
+Nodes[A, B]
+A <=> B[http]: message
+\`\`\`
+
+```
+
+### **Example 4**
+```seq
+Title:                      Send and receive a part of a message
+Config(nodeWidth: 310, nodeMessageHeight: 17, nodeEventHeight: 10, nodeCommentHeight: 26, widthBias: 30, heightBias: 30, lineNumbers: false, border: true, backgroundColor: default)
+
+Nodes[A, B]
+A <-> B[http]: part of a message
+```
+
+```escape
+
+\`\`\`seq
+Title: Send and receive a part of a message
+Nodes[A, B]
+A <-> B[http]: part of a message
+\`\`\`
+
+```
+
+### **Example 5**
+```seq
+Title:                      Connect
+Config(nodeWidth: 150, nodeMessageHeight: 17, nodeEventHeight: 10, nodeCommentHeight: 26, widthBias: 30, heightBias: 30, lineNumbers: false, border: true, backgroundColor: default)
+
+Nodes[A, B]
+A -o B[http]: connect
+B -o A[http]: connect
+```
+
+```escape
+
+\`\`\`seq
+Title: Connect
+Nodes[A, B]
+A -o B[http]: connect
+B -o A[http]: connect
+\`\`\`
+
+```
+
+### **Example 6**
+```seq
+Title:                      Disconnect
+Config(nodeWidth: 150, nodeMessageHeight: 17, nodeEventHeight: 10, nodeCommentHeight: 26, widthBias: 30, heightBias: 30, lineNumbers: false, border: true, backgroundColor: default)
+
+Nodes[A, B]
+A -x B[http]: disconnect
+B -x A[http]: disconnect
+```
+
+```escape
+
+\`\`\`seq
+Title: Disconnect
+Nodes[A, B]
+A -x B[http]: disconnect
+B -x A[http]: disconnect
+\`\`\`
+
+```

package/Documentation/Document-global-markup-state-machine.txt

@@ -0,0 +1,121 @@
+# **Markup - State Machine**
+[[DOC-STATUS=PARTLY, ]]
+
+## **Description**
+State Machine Markup provides the documentation with state machine images. 
+
+### **Example Image**
+```state
+Config(width: 400, height: 200, widthBias: 25, heightBias: 25)
+
+States[start, load]
+States[stop, run]
+
+start -> load[normal]: a
+load -> run[normal]: a
+start -> run[normal]: b
+run -> stop[normal]: c
+```
+state
+Title: Demo State Machine Markup
+Config(width: 400, height: 200, widthBias: 25, heightBias: 25)
+
+States[Init, Connected, Done]
+
+Init -> Connected[normal]: connect
+Connected -> Done[normal]: disconnect
+Init -> Done[normal]: close
+
+
+### **Example Markup**
+
+
+
+## **Definitions**
+#### **Title**
+**format:** \'Title: *(`title text`)*\'
+**description:**  the title of the state machine image
+
+**example:** Title: Demo State Machine Markup
+#### **States**
+**format:** 'States[*`state 0`, `state 1`, ..., `state n-1`*]'
+**description:** *States* and an array of the state names
+**example:** States[A, B, C]
+#### **Transition**
+**format:** '*`from state`* `transition operator` *`to state`*[*`css type`*]: *`action text`*'
+**description:** 
+* **from state:** the state who makes the transition
+* **to state:** the state
+* **transition operator:** decides what kind of transition
+  * **->:** simplex transition
+  * **<->:** duplex transition
+* **css type:** type deciding the color of the transition
+  * **normal:** black
+  * **success:** green
+  * **failure:** red
+  * **external:** orange
+
+**example:** A -> B[normal]: connected
+
+
+## **Implementation Details**
+### **_q2(x1, x2, y1, y2)**
+```raw
+<svg width="800" height="1200" viewBox="-30 -30 460 660" xmlns="http://www.w3.org/2000/svg">
+  <g>
+<rect x="0" y="0" width="200" height="300" stroke="black" fill="none"/>
+    <line id="b1" x1="0" y1="0" x2="200" y2="0" stroke="blue" />
+    <line id="a1"x1="200" y1="0" x2="200" y2="300" stroke="blue" />
+    <line id="c1" x1="0" y1="0" x2="200" y2="300" stroke="blue" />
+    <text x="100" y="-5" text-anchor="middle">b1</text>
+    <text x="212" y="150" text-anchor="middle">a1</text>
+    <text x="110" y="150" text-anchor="middle">c1</text>
+    <text x="18" y="15" text-anchor="middle">A</text>
+    <text x="9" y="35" text-anchor="middle">B</text>
+  </g>
+  <g>
+    <line x1="61.53" y1="92.30" x2="200" y2="0" stroke="black" />
+    <line id="xb" x1="0" y1="92.30" x2="61.53" y2="92.30" stroke="black" />
+    <line id="c2" x1="0" y1="0" x2="104.7" y2="64.57" stroke="red" />
+    <line id="a2" x1="61.53" y1="92.30" x2="104.7" y2="64.57" stroke="red" />
+    <line id="b2" x1="0" y1="0" x2="61.53" y2="92.30" stroke="red" />
+    <text x="24" y="60" text-anchor="middle">b2</text>
+    <text x="100" y="90" text-anchor="middle">a2, c3</text>
+    <text x="80" y="30" text-anchor="middle">c2</text>
+    <text x="-12" y="50" text-anchor="middle">yb</text>
+    <text x="25" y="110" text-anchor="middle">xb</text>
+    <text x="45" y="88" text-anchor="middle">A</text>
+    
+  </g>
+    <line class="xt" x1="0" y1="64.57" x2="104.7" y2="64.57" stroke="black" />
+    <line id="b3" x1="61.53" y1="92.30770" x2="104.7" y2="92.30770" stroke="black" />
+    <text x="59" y="77" text-anchor="middle">A</text>
+    <text x="78" y="77" text-anchor="middle">B</text>
+    <path d="M 0 0 Q 104.7 64.57 200 300" stroke="black" stroke-width="1" fill="none" />
+  <g>
+    
+  </g>
+</svg>
+```
+
+a1 = y2 - y1         = 300
+b1 = x2 - x1         = 200
+A = arctan(a1 / b1)  = 56,31
+B = 90 - A           = 33,69
+
+b2 = b1 * cos(A)     = 110,93
+xb = b2 * sin(B)     = 61,53
+yb = b2 * cos(B)     = 92,30
+
+a2 = c3              = 50
+b3 = c3 * cos(B)     = 41,60
+a3 = c3 * sin(B)     = 27,73
+xt = xb + b3         = 104,7
+yt = yb - a3         = 64,57
+
+b3 = c3 * cos(B)
+a3 = c3 * sin(C)
+xt = xb  + a3
+yt = xb + b3
+
+

package/Documentation/Document-global-markup-table.txt

@@ -0,0 +1,34 @@
+# **Markup - Table**
+[[DOC-STATUS=MOSTLY, ]]
+
+## **Description**
+Table Markup provides the documentation with table images. 
+
+### **Example Image**
+```table
+Config(classHeading: dddd)
+
+|Demo Table      |
+|#|age|sport     |
+|1|21 |ice-hockey|
+|2|22 |fotball   |
+```
+
+### **Example Markup**
+```escape
+
+\`\`\`table
+|Demo Table      |
+|#|age|sport     |
+|1|21 |ice-hockey|
+|2|22 |fotball   |
+\`\`\`
+```
+
+## **Definitions**
+
+### **Config**
+**format:** Config(`classHeading`: `value`)
+**description:** values used when the image is generated.
+* **classHeading:** [[REF=, MDN_number]] [generated] extra classes to the heading. **default:** ''.
+

package/Documentation/Document-global-navigation-pane.txt

@@ -0,0 +1,3 @@
+# Test Environment Navigation Pane
+
+***`TBD: Not needed?`***

package/Documentation/Document-global-navigation.txt

@@ -0,0 +1,2 @@
+# NEW DOCUMENT
+## Please Edit: ***`TO BE DONE !!!`***

package/Documentation/Document-global-specialized-javascript-editors.txt

@@ -0,0 +1,2 @@
+# NEW DOCUMENT
+## Please Edit: ***`TO BE DONE !!!`***

package/Documentation/Document-global-stacks-connection.txt

@@ -0,0 +1,2 @@
+# Connection
+## Please Edit: ***`TO BE DONE !!!`***

package/Documentation/Document-global-stacks-server.txt

@@ -0,0 +1,2 @@
+# Server
+## Please Edit: ***`TO BE DONE !!!`***