Final commit

Wrapping up the code for release.

Author: tryptophawa

README.md

@@ -13,15 +13,30 @@ Enter your chemical formula or reaction into the `#ce"` method like this:
 ```
 ![result](https://raw.githubusercontent.com/Typsium/typsium/main/tests/README-graphic1/ref/1.png)
 
-You can also embed any kind of content into your chemical reactions like by using square brackets instead of a passing in a string. This will also apply any styling to the reaction.
+You can also embed any kind of content into your chemical reactions like by using square brackets instead of a passing in a string. This will also apply any styling to the reaction. 
+
+> **Warning:** Currently, brackets inside another bracket will not be parsed correctly. 
+
 ```typst
 #ce[...]
 ```
+
 ![result2](https://raw.githubusercontent.com/Typsium/typsium/main/tests/README-graphic1/ref/1.png)
 
-There are many different kinds of arrows to choose from. And you can add additional arguments to them (such as the top or bottom text) by adding square brackets.
+There are many different kinds of arrows to choose from. 
+```typst
+#ce[->]\
+#ce[=>]\
+#ce[<=>]\
+#ce[<=]\
+#ce("<->")\
+#ce("<-")\
+```
+
+And you can add additional arguments to them (such as the top or bottom text) by adding square brackets.
+
 ```typst
-//show arrows and how they look
+#ce("->[top text][bottom text]")
 ```
 
 The molecule parsing is flexible and allows many different ways of writing, so you can just copy paste in your formulas and they will probably work. Oxidation numbers can be added like this`^^`,  radicals can be added like this`.` and hydration groups can be added like this`*`.

src/lib.typ

@@ -10,6 +10,9 @@
 #import "model/reaction-element.typ": reaction
 
 #let ce(formula) = {
+
+  show "*": sym.dot
+
   if type(formula) == str{
     let result = string-to-reaction(formula)
     if result.len() == 1{

src/resources/arrow1.svg

@@ -1,8 +1,10 @@
 #import "@preview/cram-snap:0.2.2": *
 #import "../../src/lib.typ": *
+//#import "@preview/typsium:0.3.0": *
 #import "@preview/zebraw:0.5.5": *
+#import "@preview/cuti:0.3.0":*
 
-#set page(flipped: false, margin: 0.8cm)
+#set page(margin: 0.8cm, height: auto)
 #set text(size: 14pt)
 #show raw: set text(font: "IBM Plex Sans", size: 11pt)
 #show: set-group(grow-brackets:false, affect-layout:false)
@@ -18,6 +20,16 @@
   stroke-color: "343434",
 )
 
+#align(center)[
+  #text(size: 24pt, weight: "bold", fill: rgb("2c5aa0"))[
+    #show raw: set text(size: 24pt)
+    Basic Usage
+  ]
+  #v(-0.9em)
+  #line(length: 60%, stroke: 1pt + rgb("2c5aa0"))
+  #v(-0.3em)
+]
+
 #table(inset: 0.7em)[
   Effect
 ][
@@ -42,6 +54,10 @@
   #ce("[Fe(CN)6]^4+")
 ][
   ```typ #ce("[Fe(CN)6]^4+")```
+][
+  #ce[CuSO4*5H2O]
+][
+  ```typ #ce[CuSO4*5H2O]```
 ][
   #ce[->]
 ][
@@ -59,12 +75,40 @@
   roman-oxidation
 ][
   ```typ #show: set-element(roman-charge: true)``` \ ```typ #show: set-element(roman-oxidation: true)```
+]
+#align(center)[
+  #text(size: 24pt, weight: "bold", fill: rgb("2c5aa0"))[
+    #show raw: set text(size: 24pt)
+    Content in #raw("ce", lang: "typ")
+  ]
+  #v(-0.9em)
+  #line(length: 60%, stroke: 1pt + rgb("2c5aa0"))
+  #v(-0.3em)
+]
+
+#table(inset: 0.7em)[
+  effect
+][
+  content
 ][
   #ce[#text(red)[H2]]
 ][
   ```typ #ce[2#text(red)[H2]]```
 ][
-  #ce[$overbrace("H2O","water")$]
+  $overbrace(#ce("H2O"),"water")$
+][
+  ```typ   $overbrace(#ce("H2O"),"water")$ ```
+][
+  #ce[*H2O*]
+][
+  ```typ #ce[*H2O*]```
+][
+  #ce[#fakeitalic[H2O]]
 ][
-  ```typ #ce[$overbrace("H2O","water")$]```
+  ```typ 
+  #import "@preview/cuti:0.3.0":* //or newer
+  #ce[#fakeitalic[H2O]]
+  
+  ```
 ]
+//...